使用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>";
但它并没有给我上述我需要的结果。也许我做错了什么,但如果可能我需要帮助。
答案 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>