2011-04-03 157 views
0

如何以設置的間隔使用JQuery刷新頁面,這將與元刷新一樣工作,但不重新加載頁面?JQuery頁面刷新

...或者重新加載頁面上的html表單來刷新顯示的數據?

其中任何一個都可以工作,但我找不到任何實際可行的東西。

謝謝!

回答

1

您可以使用AJAX使用$阿賈克斯或$ .getJSON功能來更新頁面的某些片段, 這些功能會打電話給你的服務器端代碼和檢索JSON塊時,JSON數據可以填充

$.ajax({ 
    url: "mydomain.com/url", 
    type: "POST", 
    dataType: "xml/html/script/json", 
    data: $.param($("Element or Expression")), 

    complete: function(data) { 
      var tag = $('#idonpage'); 
      tag.text(data.something.etc); 
    }, 

    success: function() { 
    //called when successful 
}, 

    error: function() { 
    //called when there is an error 
    }, 
}); 

,也可以使用格式爲$ .load(「someurl #ID」使用$ .load功能),jQuery將解析來自someurl的html,尋找id標記 ,這些數據可以用來填充頁面上的某個地方。

在給定的時間間隔調用函數使用JavaScript setInterval函數,例如調用函數每2秒: -

的setInterval(函數(){ 做某事 },2000);

使用文檔就緒功能之前設置全部如果這一點。

$(document).ready(function() { 
}); 

希望這點能指出您的方向是正確的。

1

要refersh整個頁面,您需要:

widnow.location.href = "stackoverlow.com"; 

如果您需要referesh頁面的某些部分似乎是你需要的,如果你想referesh頁面每次2秒用途的某些部分看一看到$.ajax

的setInterval和$阿賈克斯:

setInterval(function() { 
    $.ajax(..); 
}, 2000); 
+0

爲什麼我必須打電話給一個頁面,如果我已經在網頁上?還有,哪一部分設置了間隔?謝謝 – usnidorg 2011-04-03 10:33:43

+0

@usnorg:我不建議重新加載頁面,我只是想解決你的問題,並給你所有你可能需要的選項。 – 2011-04-03 10:37:59