2016-03-16 161 views
-1

我有一個包含id= containerbox的div元素的php文件。用jquery重新加載div

<div id=containerbox> 
    <button id="buttonme" type="button">click me</button> 
    </div> 
    <script> 

     $("#buttonme").click(function(){ 

     jQuery.ajax({ 
      type: 'POST', 
      url: 'testone.php', 
      success: function (data) { 
       response = jQuery.parseJSON(data); 
       if (response.status == 'error') { 
        erroroccur(response); 
       } 
      } 
     }); 


}) 


     function erroccur(abc) { 
      alert(error); 
      //here i want something that only Refreshes/Reloads the containerbox 
     } 

    </script> 

testone.php

<?php 

//...something 
$response=Array(
"status"=>'error' 
); 
return json_encode($response); 
?> 

它包含一個功能,這使得調用Ajax並且根據響應收到它決定如果它是它在響應臨危的誤差的error.Whenever它會觸發一個功能,需要顯示一個警告框並將Div元素重置爲當我第一次訪問該頁面時的樣子。可以實現這一點嗎?

注:我知道什麼都不會改變,但存在只是爲了簡單起見,我用這個例子

+1

沒有 - 它將始終與ajax調用之前完全一樣 – Jamiec

+1

http://stackoverflow.com/questions/5557641/how-can-i-reset-div-to-its-original-state-after-it-has-been - 由java修改 –

+0

@Jamiec爲了簡單起見我已經顯示了按鈕部分。我不知道什麼會改變 –

回答

0

什麼:在你的代碼*變化*`containerbox`

// keep a reference to the initial html in your div 
var initialState = $("#containerbox").html() 

/* ... */ 
function erroccur(abc) { 
    alert(error); 
    // revert the div content to its initial state 
    $("#containerbox").html(initialState) 
}