ajax实现分页和分页查询功能的步奏详解

web前端|js教程 ajax实现分页和分页查询功能的步奏详解

ajax,查询功能,实现

web前端-js教程首先为了页面的整齐与美观，我用到了bootstrap，需要引进所需要的文件包

350模板源码,vscode中断程序,ubuntu non,tomcat服务名,sqlite3 运行条件,滑动门插件,微信网站前端框架,如何下载爬虫要用的包装,调试php程序,娄烦seo优化效果,vivo网站模板,网页下方有蓝色v2,织梦模板调用方法lzw

下面是页面显示的内容

种子播放源码,ubuntu循环移动文件,tomcat实现多域部署,爬虫密码登录,php外包团队服务,seo brdlzw

黑页源码网,vscode如何设置php,不能装ubuntu,tomcat应用多吗,爬虫地摊,南昌php招聘,江苏seo优化费用,号码发布网站源码,茶叶html静态模板lzw

国家代号	国家名称	父级代号

下面是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 += "«
"; //加载分页列表 for(var i=page-4;i=minys && i<=maxys)  {   if(i==page)   {    s += ""+i+"
";   }   else   {    s += ""+i+"
";   }  } } //加载下一页 s += "»
"; //显示分页列表 $("#fenye").html(s); //给列表加点击事件 $(".list").click(function(){   //改变当前页   page = $(this).text();   //加载数据   Load();   //加载分页信息   LoadFenYe();  }) //上一页加点击事件 $(".syy").click(function(){   //改变当前页   if(page>1)   {    page = parseInt(page)-1;    //加载数据    Load();    //加载分页信息    LoadFenYe();   }  }) //下一页加点击事件 $(".xyy").click(function(){   //改变当前页   if(page<maxys)   {    page = parseInt(page)+1;    //加载数据    Load();    //加载分页信息    LoadFenYe();   }  })}

//加载数据的方法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页面的代码如下：