使用Ajax删除评论

时间:2012-07-14 23:53:04

标签: javascript php ajax

使用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>";

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

1 个答案:

答案 0 :(得分:5)

请勿使用带有提交操作的表单来删除该评论。提交表单时,页面会自动重新加载。而是使用带有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>