如何使用jQuery Ajax刷新页面？

我想点击一些初始站点链接后用ajax 刷新整页 。

例：

我们已经开通了网站www.love.com，它有一个链接到www.love.com/somepage.html

点击此链接后，必须使用ajax刷新整页（somepage.html替换活动页面）

当页面被替换时，必须有一些淡入/淡出效果。

如何？

---

也许一些插件可以做到这一点，任何链接？

Answer 1

那么整页请求与AJAX的目的相矛盾，

但如果你坚持:)你可以使用一个巨大的div作为你的页面的占位符，并使用jQuery Load / Ajax

div看起来像这样

以及您可以使用的function

 function changeUrl(href) { $('#yourhugediv').load(href); href = (href == "") ? "/" : href; uri = window.location.href.split("#/"); window.location.href = uri[0] + "#/" + href; } 

手动将function添加到您的链接

 to load 

或使用jQuery选择器迭代每个锚点

 $('a').click(function() { changeUrl(a.attr('href')); }); $('a').attr('href','#'); 

Answer 2

听起来你正在尝试使用jQuery，因为有人告诉你应该使用jQuery – 链接标签本身完成这项工作而不需要任何脚本

好的 – 我们必须做我们的女朋友告诉我们要做的事……

我想你可以这样做：

$("body").load("next_page.html");

要么

$("html").load("next_page.html"); （这甚至可以工作吗？）

Answer 3

使用FAJAX （假AJAX）。 它将为您提供您所寻找的“酷”。 在页面中使用这些元标记将使用淡入和淡出效果进行整页刷新。

元标记仅适用于IE，但有一些方法可以在其他使用JavaScript的浏览器中获得类似的结果。

Answer 4

只需建立指向那里的链接：

 link text 

ps：虽然我有点困惑…你已经有一个指向该页面的链接导致一个新的请求（整页刷新），为什么需要AJAX我想知道…

Answer 5

由于另一个页面位于同一个域中，您可以抓取另一个页面来检索您感兴趣的数据。您甚至可以用另一个页面中body标签的内容替换当前页面的整个body标签。

该过程将类似于：用户在当前页面上执行一些操作以触发所需的操作，JavaScript使AJAX请求获取somepage.html并将结果存储在字符串中，JavaScript相当于innerHTML（或jQuery.html（））用从somepage.html检索到的内容替换当前页面（或div或其他）的内容并添加特殊效果。

理论上，这将允许您使用somepage.html中的任何内容完全替换当前页面的内容。

Answer 6

我知道这是一个老post，但我认为你正在寻找的是通过使用BBQ jQuery插件解决的： http ： //benalman.com/projects/jquery-bbq-plugin/