基于ajax实现无刷新分页的方法
来源:才华咖 本文已影响2.1W人
来源:才华咖 本文已影响2.1W人
今天请看yjbys小编带来的基于ajax实现无刷新分页的方法,希望对大家有所帮助。
在普通的分页中,一旦页码改变,则url改变,整个页面都会刷新,如果我们希望页码的改变不影响整个网页的变动,可以使用ajax技术。
AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
通过客户端html代码,用ajax把服务器中的数据通过get方式传递过来,显示在html中。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>ajax实现无刷新分页</title>
<script type="text/javascript">
function f1(url){
var xhr = new XMLHttpRequest;
adystatechange = function() {
if(yState==4){
lementById('d')rHTML = onseText;
}
}
("get",url);
(null);
}
//页面加载完成后,就调用该函数
ad = function(){
f1("");
}
</script>
</head>
<body>
<h2 align='center'>ajax实现无刷新分页</h2>
<p id='d'></p>
</body>
</html>
在分页类中,我们只需更改超链接的地址,将原来的'地址更改为通过js调用f1()方法,将链接传递给js中的f1()方法。
<a href='javascript:f1("{$this->uri}&page=".($this->page+1)."")'>
进一步的,可以使用json实现无刷新效果的分页,与ajax相比,json将html和css都写在客户端,从而节省了服务器带宽,也使用户的请求速度加快,具体方法不再赘述。
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
编写Java无脚本的JSP页面的方法
关于Java动态实现的方法
Java基于余弦方法实现的计算相似度算法示例
基于PHP+Ajax实现表单验证的详解
关于AJAX的原理如何做到异步和局部刷新实现代码的介绍
Java动态代理实现AOP的方法
用 ajax 的方法解决网页广告显示的问题教程
零基础学习AJAX之AJAX简单框架
2017最新javascript中AJAX用法
关于ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法
使用ajax操作JavaScript对象的方法
ci检测是ajax还是页面post提交数据的方法
编写Java无脚本的JSP页面的一些方法
java.exe和javaw.exe的区别和使用方法示例
两种实现表单验证的javascript方法
php+ajax实时输入自动搜索匹配的方法
无法找到该页(精选多篇)
java实现web服务器的方法大纲
JAVA实现生成GUID的方法
浅谈Ajax修改购物车的方法
实现java屏幕抓屏的方法
javaXML文件处理的方法
Rails中的Ajax初体验分析
Java读取xml文件的方法
java实现web服务器的方法
jQuery中ajax的get()方法运用示例
Java实现字符串倒序输出的常用方法
堆的javascript实现方法
java dom4j解析xml用到的方法有哪些
基于ajax实现无刷新分页的方法
关于java实现线程同步的方式有哪些
冒泡排序算法原理及JAVA实现代码方法
基于GPS的时标系统实现方法探究论文
PHP处理Ajax请求与Ajax跨域问题
十分现实无奈伤感的个性签名
java基本教程之join方法的详解
关于用ajax请求数据遇到问题的解决方法
Java开发策略模式的简单应用实现方法
关于jQuery Ajax 异步加载显示等待效果代码分享