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