使用Ajax删除注释

Delete comment with Ajax

本文关键字：注释 删除 Ajax 使用      更新时间：2023-09-26

使用div和ajax链接传递数据而不刷新页面的最佳方式/结果是什么。我希望我的评论和div在点击时淡出，不希望页面刷新。所以它就停留在我删除评论的地方。

我试过了，但不起作用

   <script>
function delete_(pid){
$.ajax({
   type: "POST",
   url: "include/post.delete.php",
   data: "pid="+pid,
   success: function(){
   $("#comment-"+pid).remove();
   }
 });
}
</script>
<? if($streamitem_data['streamitem_creator']==$_SESSION['id']){
echo "<div style='cursor:pointer;' onclick='"delete_('".$streamitem_data['streamitem_id']."');'">Delete comment</div>";

但它并没有给我我需要的上述结果。也许我做错了什么，但如果可能的话，我需要帮助。

不要使用带有提交操作的表单来删除该注释。提交表单时，页面会自动重新加载。相反，使用一个带有onclick处理程序的简单元素来触发AJAX请求：

<div onclick="delete_('anyID');">Delete comment</div>

编辑：示例：

<head>
<script src="jquery.min.js"></script>
<script type="text/javascript">
function delete_(pid){
$.ajax({
   type: "POST",
   url: "include/post.delete.php",
   data: "pid="+pid,
   success: function(){
   $("#comment-"+pid).remove();
   }
 });
}
</script>
</head>
<body>
<div id="comment-123">This is a comment.</div>
<div onclick="delete_('123');">Delete comment</div>
</body>
相关文章：