jquery刷新页面的实现代码（局部及全页面刷新）

当需要在jQuery中刷新页面时，有两种方法：局部刷新和全页面刷新。

局部刷新页面

为了在局部更新页面时使用jQuery，有两种不同的方法：使用$(selector).load()和使用Ajax。下面介绍这两种方法。

使用 $(selector).load()

$(selector).load() 是一个 jQuery AJAX 方法，用来在已存在的 HTML 元素中加载数据。

它的基本语法是：

$(selector).load(url, data, callback);

其中：

• url：必需，规定要加载的 URL 地址。
• data：可选，规定与请求一同发送的查询字符串参数。
• callback：可选，规定当 load() 方法完成后所执行的函数名称。

例如，我们要更新网站上的某个 div 区域，使其显示最新的内容，可以使用以下代码片段：

$("#myDiv").load(location.href + " #myDiv");

其中，location.href + " #myDiv" 指定了要加载的内容，这样只有 #myDiv 区块的内容会被 刷新（重新加载）。

使用 Ajax

jQuery中有一个嵌入式的Ajax函数：$.ajax()，用于异步执行一个HTTP(POST/GET)请求，可以加载数据到HTML页面中的选定元素部分，而不是重载整个页面。下面是一个示例：

$.ajax({
  url: "test.html",
  success: function(result){
    $("#myDiv").html(result);
  }
});

此代码会将 test.html 中的内容加载到 #myDiv 中。

全页面刷新

如果要刷新整个页面，可以使用 location.reload() 函数，该函数只需调用一次即可刷新整个页面：

location.reload();

注意，它只是刷新页面，不更改任何事件或操作。

另一种方法是使用 location.href 来加载一个新页面：

location.href = "newPage.html";

这将导致浏览器加载并显示 newPage.html 页面。

示例

下面是两个示例，分别展示了如何使用 $(selector).load() 和Ajax 在本地更新页面:

使用 $(selector).load()

// 通过追加时间戳避免缓存
var timestamp = new Date().getTime();
$("#myDiv").load("myPage.html?" + timestamp + " #myDiv");

使用 Ajax

$.ajax({
  url: "myPage.html",
  type: "GET",
  cache: false,
  success: function(result){
    $("#myDiv").html(result);
  }
});

在这里我们将 cache 参数设置为 false，以便刷新缓存，确保我们下载网页的最新版本。

希望这些技术能够帮助你使用 jQuery 进行局部和全页面刷新。