这次给大家带来ajax实现分页和分页查询功能的步奏详解，ajax实现分页和分页查询功能的注意事项有哪些，下面就是实战案例，一起来看一下。
首先为了页面的整齐与美观，我用到了bootstrap，需要引进所需要的文件包
登录后复制
下面是页面显示的内容
| 国家代号 | 国家名称 | 父级代号 |
|---|
登录后复制
下面是js部分了，用的ajax来写
var page = 1; //当前页//加载数据Load();//加载分页信息LoadFenYe();//给查询加点击事件$("#chaxun").click(function(){ //将当前页重置 page = 1; //加载数据 Load(); //加载分页信息 LoadFenYe(); })//加载分页信息的方法function LoadFenYe(){ var s = ""; var name = $("#name").val(); var minys = 1; var maxys = 1; $.ajax({ async:false, data:{name:name}, type:"POST", url:"zys.php", dataType:"TEXT", success: function(data){ maxys = data; } }); //加载上一页 s += "登录后复制
//加载数据的方法function Load(){ var name = $("#name").val(); $.ajax({ url:"jiazai.php", data:{page:page,name:name}, type:"POST", dataType:"TEXT", success: function(data){ var str = ""; var hang = data.split("|"); for(var i=0;i<hang.length;i++) { var lie = hang[i].split("^"); str = str+""+lie[0]+""+lie[1]+""+lie[2]+""; } $("#tb").html(str); } });}
登录后复制
jiazai.php页面的代码如下：
StrQuery($sql,1);
登录后复制
zys.php代码如下：
StrQuery($sql);echo ceil($zts/20);
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
jQuery+Ajax判断输入的验证码是否通过
Ajax跨域请求不到cookie
以上就是ajax实现分页和分页查询功能的步奏详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2776461.html
