1

我正在尝试创建一个评论部分，例如 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。然后结束。

谢谢

4

1 回答 1

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) {
于 2013-06-19T03:23:15.350 回答