一种基于ajax实现无刷新分页的方法

本文介绍了一种基于ajax的无刷新分页的实现方法，供大家参考：

在正常的分页页码，一旦改变，会改变的URL，并将刷新整个页面。如果我们希望页面数量的变化不会影响整个页面的变化，我们可以使用Ajax技术。

Ajax是一种创建快速动态网页的技术，通过在后台和服务器之间交换少量数据，Ajax可以异步更新网页，这意味着Web页面的一部分可以在不重新加载整个Web页面的情况下进行更新。

通过客户端HTML代码，服务器中的数据通过Ajax传递到GET模式，并在HTML中显示。

无刷新分页的ajax实现

函数f1（URL）{
VaR XHR =新的XMLHttpRequest；
xhr.onreadystatechange =函数（）{
如果（XHR。readyState = = 4）{
document.getelementbyid（会）.innerHTML = xhr.responsetext；
}
}
Xhr.open（
Xhr.send（空）；
}
页面加载完成后，我们调用函数
在window.onload =函数（）{
F1（分野说数据。PHP ）；
}

无刷新分页的ajax实现

在分页类中，我们只需要更改超链接的地址，通过js将原始地址转换为f1（）方法，然后在js中传递链接到f1（）方法。

页=。（$ >页+ 1）>）

此外，JSON可以用于实现无刷新效果的分页。与Ajax相比，JSON在客户端编写HTML和CSS，从而节省服务器带宽和加速用户请求。

希望本文能对大家的ajax程序设计有所帮助。