繁体   English   中英

我正在做一个评论系统。 我的问题是当我发表评论并重新加载页面时评论不再存在。 我究竟做错了什么?

I am making a comment system. My problem is when I post a comment and reload the page the comment is no more. What am I doing wrong?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在做一个评论系统。 我的问题是当我发表评论并重新加载页面时评论不再存在。 我究竟做错了什么?

/ Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const db = getDatabase();

// getting user input from form to store in firebase
const name = document.querySelector('.form--1');
const head = document.querySelector('.form--2');
const message = document.querySelector('.form--3');

这是我从数据库评论表单中获取数据的地方

const postNewComment = function () {

    set(ref(db, 'comments/'), {
        Name: name.value,
        Header: head.value,
        Message: message.value
    }).then(() => {
        console.log('data stored successfully');
    }).catch((error) => {
        console.log('unsuccessful, error ' + error);
    });
};

下面的所有其他内容都是一个 function 来创建一个 html 元素和一个 function 来接收来自数据库的数据并重新加载到 dom 但正如我所说的它工作但一次我离开了。

const postBtn = document.querySelector('.btn--post');

// creates html elements
function elementFromHtml(html) {
    const templat = document.createElement('template');
    templat.innerHTML = html.trim();
    return templat.content.firstElementChild;
}

const postComment = function (e) {
    const sectionComments = document.querySelector('.scroll');
    e.preventDefault();
    postNewComment();

    // reads data from firebase database and post comment to dom
    const dbref = ref(db);

    get(child(dbref, 'comments/')).then((snapshot) => {
        if (snapshot.exists()) {
            const commentData = snapshot.val();
            console.log(commentData);

            const html = `
                <div class="row">
                    <div class="comments">
                    <figure class="comments__shape bg-color">
                        <img
                        src=""
                        alt=""
                        class="comments__image"
                        />
                        <figcaption class="comments__caption">${commentData.Name}</figcaption>
                    </figure>
                    <div class="comments__text">
                        <h3 class="heading-tertiary u-margin-bottom-small f-title">
                        ${commentData.Header}
                        </h3>
                        <p class="comments__story">
                        ${commentData.Message}
                        </p>
                    </div>
                    </div>
                </div>
                `;


            sectionComments.appendChild(elementFromHtml(html));
        } else {
            console.log('no data found');
        }
    }).catch((error) => {
        console.log('unsuccessful, error ' + error);
    });

    // reset feilds
    document.querySelector('.form').reset();

};
postBtn.addEventListener('click', postComment);
问题暂未有回复.您可以查看右边的相关问题.
2 骨干:我的模型未传递ID。 它是一个评论系统。 我正在尝试将创建的评论发布到后端

骨干:我正在尝试创建一个评论系统。 我的模型未传递ID。 我正在尝试将创建的评论发布到后端。 尝试创建时,将id值作为选项传递,但永远不会传递给集合中的选项。 部分代码如下: this.collection.create({body:commentVal},({wait:true, ...

5 我在文件上传下的php中添加注释部分

这是我制作注释部分的代码,但它没有引起我上传的特定fileid的错误和我的sql表以作纪念... 和我的文件表 ( id , file_title , file_description , file_keywords , privacy , uploaded_by , date_ ...

2017-12-24 07:22:12 1 39   php/ html
9 在制作评论后页面时需要帮助

我需要显示一个评论按钮,该按钮可切换包含文本框的div并提交评论按钮,但是我面临的问题是,第一篇文章的评论div在单击时可以正确切换,但其余按钮无法正常工作我的代码- }); ...

10 我无法建立帖子评论部分。我在数据库中创建的条目在前端不可见

我正在尝试在我的帖子上创建一个评论功能。在初始级别,我只是做了一个表格评论和帖子。 并通过管理端在评论表中手动输入,但即使评论在帖子(前端)上也不可用。 它看起来像下面给出的图像: 我用于发布和评论的 models.py 如下所示: 我在 html 页面中添加了这个: ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM