Question

我正在尝试制作像facebook这样的评论部分，您按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不起作用。即我真的不知道如何正确地做到这一点。

编辑：有几点需要注意。整个评论区域正在一个名为commentArea.php的php页面中。所以基本上我需要commentArea.php刷新，这将刷新我想要的区域。因此，此页面提交了一个评论表单，输入了一些包含用户名，评论和日期的div。然后结束。

谢谢

Answer 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) {

刷新div（评论喜欢Facebook）

1 个答案: