2015-08-08 90 views
0

我目前正在一個項目,它吸引了幾個不斷重新加載div。在這種情況下,每隔10秒鐘。這個我已經通過下面的代碼完成:.load()使所有ajax加載div div刷新

$(document).ready(function() { 
    $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php"); 
    setInterval(function() { 
     $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php"); 
    }, 10000); 
}); 

我加載它在頁面加載,然後刷新它每隔10秒。現在的問題是我的AJAX加載頁面。上述代碼的每個時間間隔,ajax加載的頁面刷新,這是非常煩人的。特別是在填寫某種表格時,因爲它會自行清空。

這是我用來加載網頁代碼:

$.ajax({ 
    type: "GET", 
    url: "/public/assets/scripts/pagina.php", 
    data: 'page=' + url, // url variable is defined above this snippet. 
    dataType: "html", 
    success: function(msg) { 
     if (parseInt(msg) != 0) { 
      $('.mainContent').html(msg); 
     } 
    } 
}); 

那麼,有沒有辦法這兩個相互干擾?如果是這樣,我該如何解決這個問題?

+0

你只是要加載一個頁面的內容? –

+0

@hemnathmouli不是,只是主要部分。所以這些網頁真的。頁眉,頁腳,側邊欄等保持不變。 –

回答

1
$(document).ready(function() { 
    $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php"); 
    var refreshId = setInterval(function() { 
     $("#radiostatusInner").load('/public/assets/scripts/radiostatus.php?randval='+ Math.random()); 
    }, 10000); 
    $.ajaxSetup({ cache: false }); 
}); 

檢查這個link,也許它可能給你一些想法..