2011-04-03 192 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