我有一个个人资料页面,其中包含一系列图片。我想使用jQuery允许用户从服务器删除一张图片,并在不重新加载整个页面的情况下更新页面。当成功时,它将从页面中删除图像所在的div容器。我的删除函数是PHP,非常简单:
delete.php
delete.php
<?php
if (isset($_POST['id'])) {
if (unlink($_POST['id'])) {
echo "success";
}
else {
echo "failure";
}
}
?>
在调用delete.php页面之前,已经设置了用户身份验证。
以下是一个显示的图片的 HTML 代码 - 这里可以有多达5个这样的代码块排列在一起:
<div class="box">
<img src="uploads/t_10DOT_22C_1111_1300370702_3.jpg" />
<h5><a rel="external" href="uploads/10DOT_22C_1111_1300370702_3.jpg">See full version</a></h5>
<a href="#" id="10DOT_22C_1111_1300370702_3.jpg" class="delete" onclick="return ConfirmDelete();" >x</a>
<div class="clear"></div>
</div>
我的jQuery代码目前看起来像这样:
$(document).ready(function() {
$('#load').hide();
});
$(function() {
$(".delete").click(function() {
$('#load').fadeIn();
var commentContainer = $(this).parent();
var id = $(this).attr("id");
var string = 'id='+ id ;
$.ajax({
type: "POST",
url: "delete.php",
data: string,
cache: false,
success: function(data){
commentContainer.slideUp('slow', function() {$(this).remove();});
$('#load').fadeOut();
}
});
return false;
});
});
我关心的部分是ajax提交。成功部分实际上是如何工作的?我的php文件需要做什么,以便ajax知道删除是成功还是失败?
我关注的是ajax的post请求部分。成功的处理机制是怎样的?我需要在我的php文件中做什么来让ajax知道删除操作是否成功?