在ajax/json調用成功時更新div

我在頁面上創建了一個新的相冊表單，並在刪除相冊表單旁邊。在專輯創建成功後，我想自動更新刪除專輯表單中的複選框列表以及新創建的專輯詳細信息。刪除專輯表單通過在頁面中使用php獲取它的複選框刪除列表。刪除一個專輯使用由相冊刪除按鈕觸發的ajax調用，在成功返回php刪除腳本時，複選框和父div將被刪除。此時刪除表單列表得到更新，頁面必須重新加載。有沒有辦法在不重新加載頁面的情況下更新刪除列表。我看過的所有文章都討論了使用json消息追加HTML，但是我還沒有看到一個解決方案，它能夠刷新一個div，比如刷新一個頁面，但最終如果看起來不是另一種方式，那就是我所說的將不得不在我的相冊中創建成功返回。在ajax/json調用成功時更新div

的jQuery和增加的新專輯

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

爲刪除相冊的HTML表單，我woud喜歡刷新

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

我希望我設法正確地解釋這一點，我已經發布相關的代碼

來源

2015-05-12 Tiny

你期待什麼更新？謝謝 – EternalHour

您期待解析響應JSON，但你從來沒有告訴$.post它被返回爲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

來源

2015-05-12 02:33:09 Barmar

Thankyou指出，非常感謝 – Tiny

在ajax/json調用成功時更新div

回答

相關問題