Question

我有一个从表单中捕获数据的函数，在数据库中插入然后在div中返回响应。

虽然这适用于插入，但我有显示问题我正在通过$(".articlebox").html(response);设置响应，该响应设置对页面上所有.articlebox项的响应。

我该如何避免这种情况？

的jQuery

$(document).ready(function(){
  $(".commentForm").bind('submit', function(){
    var usercomment = $(".articleComment").val();
    var categoryid = $(".categoryid").val();
    var userid = $(".userid").val();
    var ARID = $(".ARID").val();
    var dataString = 'userid='+ userid + '&articleComment='+ usercomment + '&ARID='+ ARID + '&categoryid='+ categoryid;

    // AJAX Code To Submit Form.
    $.ajax({
      type: "POST",
      url: "comment.php",
      data: dataString,
      cache: false,
      success: function(response){
        $(".articlebox").html(response);
        $(".commentForm").trigger("reset");
      }
    });

    return false;
  });
});

编辑display.php

 <?php while($getcomments=mysqli_fetch_array($resultcomments)){?>
 <div class='row'>
<div class='articlebox'>
<span><?=$getcomments['ProfileName'];?> |  <?=$getcomments['DateTime'];?>  </span>
<p><?=$getcomments['Comments'];?> </p>
</div>

Answer 1

获取要在

中写入的文章框的索引

然后

$（ 'articlebox'）。当量（索引）。html的（响应）

如何正确处理JQuery表单？

1 个答案: