jquery - 如何使用 jQuery Ajax 刷新页面？

Question

我想在单击某些初始站点链接后使用 ajax刷新整个页面。

示例:

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

点击此链接后，必须使用ajax刷新整个页面(用somepage.html替换事件页面)

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

怎么做？

<小时/>

也许某些插件可以做到这一点，有链接吗？

Answer 1

全页请求有点与 AJAX 的目的相矛盾，

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

div 看起来像这样

<div id="yourhugediv"></div>

以及您可以使用的功能

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

手动将功能添加到您的链接

<a href="#" onclick="changeUrl('http://love.com/somepage.html')">to load</>

或者使用 jQuery 选择器迭代每个 anchor

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