刷新 div（像 Facebook 一样的评论）答案

【问题标题】：refresh div (comments Like Facebook)刷新 div（像 Facebook 一样的评论）
【发布时间】：2013-06-15 10:49:12
【问题描述】：

我正在尝试创建一个类似于 facebook 的 cmets 部分，您可以在其中按 enter 并添加评论而不刷新页面。

所以我的想法是让我知道是否有更简单的方法，但我正在尝试使用 enter 提交表单，然后让 ajax 将表单数据发送到 comment.php，让评论 div 刷新。我遇到了问题。主要是如何刷新输入按下函数中的 div。这是我得到的......

$('#commentForm').keyup(function(e) {
if (e.keyCode == 13) {
    e.preventDefault()
    var songComment = $("#songComment").val();
    var username = $("#username").val();
    var comid = $("#comid").val();
    var dataString = 'songComment=' + songComment + '&username=' + username + '&comid=' + comid;
    if(dataString=='' || songComment=='' || username=='' || comid=='')
    {

    }
    else
    {
        $.ajax
        ({
            type: "POST",
            url: "comment.php",
            data: dataString,
        });
        $("#videoFooter").load('videosFooter.php');
    }
    return false;
};
});

所以我似乎遇到的问题是重新加载 div 不起作用。即我真的不知道如何正确地做到这一点。

edit：有几点需要注意。整个评论区都在一个名为commentArea.php 的php 页面中下降，所以基本上我需要刷新commentArea.php，这将刷新我想要的区域。所以这个页面有一个提交的 cmets 表单，输入几个 div，包括用户名、评论和日期。然后结束。

谢谢

【问题讨论】：

标签： ajax html reload

【解决方案1】：

你可以试试这个：（根据需要修改）。这是点击提交按钮。

<script type='text/javascript'>
    /* attach a submit handler to the form */
    $("#commentForm").submit(function(event) {

      /* stop form from submitting normally */
      event.preventDefault();

      /* get some values from elements on the page: */
      var $form = $( this ),
          url = $form.attr( 'action' ); //or "comment.php" 

      /* Send the data using post */
      var posting = $.post( url, { songComment: $('#songComment').val(), username: $('#username').val(), comid: $('#comid').val() } );

      /* Put the results in a div */
      posting.done(function( data ) {
        alert('success');
      });
    });
</script>

你也可以试试：

$("#commentForm").on('submit', (function(event) {

【讨论】：