jquery - JQuery 页面刷新

Question

如何以设置的时间间隔使用 JQuery 刷新页面，就像元刷新一样，但不重新加载页面？

...或者重新加载页面上的 html 表单以刷新它显示的数据？

其中任何一个都可以，但我找不到任何真正有效的东西。

谢谢！

Answer 1

要引用整个页面，您需要：

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

如果您需要引用页面的某些部分，您似乎需要查看$.ajax

如果您想每 2 秒引用一次页面的某些部分，请使用 setInterval 和 $.ajax：

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

Answer 2

您可以使用 ajax 使用 $.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(function() { 做某事... },2000);

在设置所有内容之前使用文档准备功能。

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

希望这能为您指明正确的方向。