Ajax는 페이징 쿼리 기능을 구현합니다.

이번에는 ajax를 통해 페이징 쿼리 기능을 구현하는 방법을 소개하겠습니다. ajax를 통해 페이징 쿼리 기능을 구현하기 위한 노트는 무엇인지 살펴보겠습니다.

Ajax 페이징 쿼리 함수의 구체적인 코드는 참고용입니다. 구체적인 내용은 다음과 같습니다.

표시되는 효과는 다음과 같습니다.

효과를 구현하는 코드는 다음과 같습니다.

1.fenye.php

<meta>
<title>无标题文档</title>
<link>
<script></script>
<script></script>
<style>
.list:hover{ cursor:pointer}
#prev:hover{ cursor:pointer}
#next:hover{ cursor:pointer}
</style>


<p>
</p><h1 id="AJAX分页">AJAX分页</h1>

<p>名称：<input> <button>查询</button></p>
<br>

                    

代号

名称

<script> //代表当前页 var page = 1; //每页显示几条 var num = 5; //加载数据 Load(); //加载分页列表 LoadFenYe(); //加载数据的方法 function Load() { var name = $("#name").val(); $.ajax({ url:"chuli.php", data:{page:page,num:num,name:name}, type:"POST", dataType:"JSON", success: function(data){ var str = ""; for(var k in data) { str = str + "<tr><td>"+data[k].code+"<td>"+data[k].nno+""; } $("#shuju").html(str); } }); } //加载分页信息 function LoadFenYe() { //存储所有分页信息的代码 var s = ""; var name = $("#name").val(); //加载上一页 s = "<li><a id=&#39;prev&#39;>«"; //加载列表 var zts = 0; $.ajax({ async:false, data:{name:name}, type:"POST", url:"zongtiaoshu.php", dataType:"TEXT", success: function(data){ zts = data; } }); //求总页数 var zys = Math.ceil(zts/num); //为了防止出错 page = parseInt(page); for( var i=page-2;i<page+3;i++) { if(i>0 && i<=zys) { if(i==page) { s = s+"<li class=&#39;active&#39;><a ys=&#39;"+i+"&#39; class=&#39;dangqian&#39;>"+i+""; } else { s = s+"<li><a ys=&#39;"+i+"&#39; class=&#39;list&#39;>"+i+""; } } } //加载下一页 s = s+"<li><a id=&#39;next&#39;>»"; $("#xinxi").html(s); //给上一页加事件 $("#prev").click(function(){ page = parseInt(page); if(page>1) {page--;} //重新加载数据 Load(); //重新加载分页信息 LoadFenYe(); }) //给下一页加事件 $("#next").click(function(){ page = parseInt(page); if(page<zys) {page++;} //重新加载数据 Load(); //重新加载分页信息 LoadFenYe(); }) //给列表加事件 $(".list").click(function(){ page = parseInt($(this).attr("ys")); //重新加载数据 Load(); //重新加载分页信息 LoadFenYe(); }) } $("#chaxun").click(function(){ //重新加载数据 Load(); //重新加载分页信息 LoadFenYe(); }) </script>

2.chuli.php

<?php $page = $_POST["page"];
$num = $_POST["num"];
$name = $_POST["name"];
require "../DBDA.class.php";
$db = new DBDA();
$tguo = ($page-1)*$num;
$sql = "select * from nation where nno like &#39;%{$name}%&#39; limit {$tguo},{$num}";
echo $db->jsonquery($sql);

3.zongtiaoshu.php

<?php $name = $_POST["name"];
require"../DBDA.class.php";
$db = new DBDA();
$sql ="select count(*) from nation where nno like &#39;%{$name}%&#39;";
echo $db->strquery($sql);

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 다른 기사에 주목하세요. PHP 중국어 웹사이트에 관련 기사가 있습니다!

추천 자료:

Ajax를 사용하여 댓글을 제출하고 자동으로 새로 고치는 방법

브라우저가 Ajax 요청을 기억하고 앞뒤로 이동하도록 브라우저를 제어하는 ​​방법

위 내용은 Ajax는 페이징 쿼리 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!