Php 在ajax/json调用成功时更新div
我在我的页面上有一个“创建新相册”表单和一个“删除相册”表单。 专辑创建成功后,我想用新创建的专辑详细信息自动更新删除专辑表单中的复选框列表。删除相册表单通过在页面中使用php获取其复选框删除列表。删除相册使用由“相册删除”按钮触发的ajax调用,当php删除脚本成功返回时,复选框和父div被删除。此时,要更新删除表单列表,必须重新加载页面。是否有一种方法可以在不重新加载页面的情况下更新删除列表。我看过的所有帖子都在谈论用json消息附加html,这是行不通的,而且我还没有看到一个解决方案能够像刷新页面一样刷新div,尽管最终如果没有其他方法,那么这就是我必须在我的相册中触发的创建成功返回 jquery用于添加新相册Php 在ajax/json调用成功时更新div,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我在我的页面上有一个“创建新相册”表单和一个“删除相册”表单。 专辑创建成功后,我想用新创建的专辑详细信息自动更新删除专辑表单中的复选框列表。删除相册表单通过在页面中使用php获取其复选框删除列表。删除相册使用由“相册删除”按钮触发的ajax调用,当php删除脚本成功返回时,复选框和父div被删除。此时,要更新删除表单列表,必须重新加载页面。是否有一种方法可以在不重新加载页面的情况下更新删除列表。我看过的所有帖子都在谈论用json消息附加html,这是行不通的,而且我还没有看到一个解决方案能够像
<script type="text/javascript">
$(document).ready(function() {
$("#add_new_catagory").click(function() {
if($("#catagory_name").val()=="" || $("#albumDescription").val()=="") {
$("#addAlbumError").html("Please enter Album Name and Album Description");
return false;
}else{
$("#addAlbumError").html('<img src="image/ajax-loader.gif" width="16" height="16" alt=""/>');
var albumName=$("#catagory_name").val();
var albumDescription=$("#albumDescription").val();
$.post("includes/add_albumn_catagory.inc.php",{album_name:albumName,album_description:albumDescription},function(json) {
if(json.result === "success") {
$("#addAlbumError").html(json.message);
$('#add_category').get(0).reset();
}else{
$("#addAlbumError").html(json.message);
}
});
}
});//submit click
});//doc ready
</script>
$(文档).ready(函数(){
$(“#添加新类别”)。单击(函数(){
if($(“#分类名称”).val()==”|$(“#相册描述”).val()==”){
$(“#addAlbumError”).html(“请输入相册名称和相册说明”);
返回false;
}否则{
$(“#addAlbumError”).html(“”);
var albumName=$(“#分类名称”).val();
var albumDescription=$(“#albumDescription”).val();
$.post(“includes/add_albumn_catagory.inc.php”,{album_name:albumName,album_description:albumDescription},函数(json){
如果(json.result==“成功”){
$(“#addAlbumError”).html(json.message);
$(“#添加_类别”).get(0.reset();
}否则{
$(“#addAlbumError”).html(json.message);
}
});
}
});//单击提交
});//医生准备好了吗
用于删除我要刷新的相册的html表单
<div class="list_album">
<div id="deleteAlbum_title">Delete Album</div>
<form action="includes/delete_album.inc.php" id="album_delete">
<p>
<?php
while($row = mysqli_fetch_array($result3)){ ?>
<div id="album_echo_list">
<input name="albumid" type="checkbox" id="addImage" value="<?php echo $row['albumid'];?>">
<?php echo $row['album_name'];?> <?php echo '';?><?php echo $row['albumDescription'];?> <?php echo '<br/>';?>
</div>
<?php } ?>
<br>
</p>
</form>
<input name="submit" type="button" id="delete_album_but" style="display:none" title="Delete Album" value="Delete Album" form="album_delete"/>
<div id="deleteAlbumNotice" style="display: block">Choose an Album to Delete<br>By Deleting an Album all pictures and subdirectories in the Album will be Deleted Also!</div>
<div id="deleteAlbum"></div>
</div>
</div>
删除相册
选择要删除的相册
通过删除相册,相册中的所有图片和子目录也将被删除!
我希望我能够正确地解释这一点,并且我已经发布了相关代码,您希望解析响应JSON,但您从未告诉过它将作为JSON返回。添加另一个参数:
$.post("includes/add_albumn_catagory.inc.php",{album_name:albumName,album_description:albumDescription},function(json) {
if(json.result === "success") {
$("#addAlbumError").html(json.message);
$('#add_category').get(0).reset();
}else{
$("#addAlbumError").html(json.message);
}
}, "json"); // <<--- response dataType
$.post(“includes/add_albumn_catagory.inc.php”,{album_name:albumName,album_description:albumDescription},函数(json){
如果(json.result==“成功”){
$(“#addAlbumError”).html(json.message);
$(“#添加_类别”).get(0.reset();
}否则{
$(“#addAlbumError”).html(json.message);
}
},“json”);//您希望更新什么内容?更新内容是什么?