如何使用Ajax刷新或重新加載div的內容

這是以某種方式。我通常使用jquery的load將頁面A中的內容加載到頁面B中，因此將div的內容加載到本身中以便刷新它並沒有什麼意義。這有什麼解決方案？如何使用Ajax刷新或重新加載div的內容

$('#A').load('pageX.php #A');

請注意，這兩個#As上pageX屬性使其成爲同#A

這在某種程度上與JavaScript的後「負荷」干擾壞的方式我不知道爲什麼。

所以這些只是刷新一個div。

來源

2013-10-18 Relm

你不能有重複的ID，修復！ – tymeJV

id必須在html文檔中唯一，否則最終會得到預期的JavaScript結果。

你的情況，你需要刪除重複id's

像這樣的事情

$('#A').load('pageX.php #B');

或這將工作：

$('#B').load('pageX.php #A');

來源

2013-10-18 14:01:30

它不是重複的，它本身，請再次閱讀問題。 – Relm

不明白你在問什麼。你能粘貼HTML嗎？ –

好的，我會粘貼html。問題是。「如何使用jquery的ajax load來刷新div – Relm

因爲人來到這個問題，如果我是現在再做一次，我會這樣做。

HTML

<html> 
<body> 
    <div class="divToRefresh"></div> 
</body> 
</html>

的JavaScript（JQuery的）

<script> 
$(document).ready(function(e) { 
    $.refreshDiv = function(arg){ 
     var d = {someVariable_you_can_send:arg} 
     $.ajax({ 
      url:'url_to_div_content', 
      data:d, 
      type:"POST"}).done(function(result){ 
       $('.divToRefresh').html(result);  
      });  
    }; 
    //////////call this for the first time////////// 
    $.refreshDiv('some value'); 
    //////////////////////////// and then refresh it after a certain interval if you need to 
    window.setInterval(function(){ 
     $.refreshDiv('some value'); 
    }, 1000*60*60*60); 

}); 
</script>

來源

2015-10-09 15:46:40 Relm

如何使用Ajax刷新或重新加載div的內容

回答

相關問題