http://www.cnblogs.com/SSs1995/p/9236725.html
JS
//全局變量，page為1，最大頁(yè)數(shù)為0，條件查找，條件為空varpage = 1;
? ? varmaxsno = 0;
? ? varkeyword = "";
? ? $(function(){
? ? ? ? ajaxEvent();
? ? })//頁(yè)面顯示函數(shù)，傳參條件默認(rèn)為空，頁(yè)數(shù)默認(rèn)為1，加載分頁(yè)function ajaxEvent(){//獲取條件keyword = $('#ss').val();
? ? ? ? $.ajax({
? ? ? ? ? ? type:"post",
? ? ? ? ? ? url:"chuli.php",
? ? ? ? ? ? data:{type:'selectData',keyword:keyword,page:page},
? ? ? ? ? ? dataType:'json',
? ? ? ? ? ? success:function(data){
? ? ? ? ? ? ? ? //console.log(data[2]);chuliData(data[0],data[1]);
? ? ? ? ? ? ? ? fenye();
? ? ? ? ? ? }
? ? ? ? });
? ? }
? ? function chuliData(data,maxSno){
? ? ? ? varstr = `? ? ? ? ? ? ? ? ? ? 學(xué)號(hào)? ? ? ? ? ? ? ? ? ? 姓名? ? ? ? ? ? ? ? ? ? 性別? ? ? ? ? ? ? ? ? ? 生日? ? ? ? ? ? ? ? ? ? 班級(jí)? ? ? ? ? ? ? ? ? ? 添加? ? ? ? ? ? ? ? `;for(vari = 0; i < data.length; i++){
? ? ? ? ? ? str += "";
? ? ? ? ? ? for(varj = 0; j
? ? ? ? ? ? ? ? str += ""+data[i][j]+"";
? ? ? ? ? ? }
? ? ? ? ? ? str += "編輯刪除"? ? ? ? ? ? str += "";
? ? ? ? }
? ? ? ? maxsno = maxSno;
? ? ? ? //console.log(snoArr[xb][0]);$('#table').html(str);
? ? ? ? $('tr:even').css('background-color','#F1F9FB');
? ? }
? ? //分頁(yè)函數(shù)function fenye(){
? ? ? ? //條件查找框中的內(nèi)容keyword = $('#ss').val();
? ? ? ? //用來(lái)拼接的空字符串varstr ="";
? ? ? ? //工具條的頁(yè)數(shù)顯示varnum = 0;
? ? ? ? //最大頁(yè)數(shù)varmaxpage = 0;
? ? ? ? //后臺(tái)傳入條件查找的內(nèi)容，返回天花板數(shù)為最大頁(yè)數(shù)? ? ? ? $.ajax({
? ? ? ? ? ? type:"post",
? ? ? ? ? ? url:"chuli.php",
? ? ? ? ? ? data:{type:'selpage',keyword:keyword},
? ? ? ? ? ? dataType:'text',
? ? ? ? ? ? async:false,
? ? ? ? ? ? success:function(data){
? ? ? ? ? ? ? ? //console.log(data);maxpage = data;
? ? ? ? ? ? }
? ? ? ? });
? ? ? ? //字符串拼接，上一頁(yè)，循環(huán)添加頁(yè)數(shù)，下一頁(yè)str += "
? ? ? ? for(vari = 0; i < maxpage; i ++){
? ? ? ? ? ? num++;
? ? ? ? ? ? str += "
? ? ? ? }
? ? ? ? str += "
? ? ? ? $('#fenye').html(str);
? ? ? ? //每一頁(yè)添加點(diǎn)擊函數(shù)，把按鈕的顯示頁(yè)數(shù)數(shù)字賦值給page，重新執(zhí)行頁(yè)面顯示函數(shù)$('.btn_ye').click(function(){
? ? ? ? ? ? page = parseInt($(this).attr('bs'));
? ? ? ? ? ? ajaxEvent();
? ? ? ? })
? ? ? ? //上一頁(yè)，page減1，如果page小于1則等于1重新執(zhí)行頁(yè)面顯示函數(shù)$('.pre').click(function(){
? ? ? ? ? ? page --;
? ? ? ? ? ? if(page < 1){
? ? ? ? ? ? ? ? page = 1;
? ? ? ? ? ? }
? ? ? ? ? ? ajaxEvent();
? ? ? ? })
? ? ? ? //下一頁(yè)，page加1，若page大于最大頁(yè)數(shù)，則為最大頁(yè)數(shù)重新執(zhí)行頁(yè)面顯示函數(shù)$('.next').click(function(){
? ? ? ? ? ? page ++;
? ? ? ? ? ? if(page > maxpage){
? ? ? ? ? ? ? ? page = maxpage;
? ? ? ? ? ? }
? ? ? ? ? ? ajaxEvent();
? ? ? ? })
? ? }
? ? //模糊查找搜索按鈕，為重新加載頁(yè)面數(shù)據(jù)function sousuo(){
? ? ? ? ajaxEvent();
? ? }
、、、、、、、、、、、、、、、、、、、、、
