Async Page Navigation (异步页面导航)是一种技术,可以实现在加载新页面时,不需要重新加载整个页面,而只需要更新其中部分内容,从而提高页面响应速度。下面是一个示例,演示如何使用 jQuery 实现异步页面导航。
//异步加载页面内容
function loadPage(page) {
$.ajax({
url: page,
success: function(response) {
$('#content').html(response);
},
error: function() {
alert('加载页面出错,请重试!');
}
});
}
//单击链接时,加载新页面并更新内容
$('a').click(function(e) {
e.preventDefault();
var page = $(this).attr('href');
loadPage(page);
});
上面的代码会在点击链接时加载新页面,并更新页面内容,而不需要重新加载整个页面。将此代码添加到您的网站中,可以显著提高页面响应速度。