• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    Ajax實現搜索功能的分頁

    來源:懂視網 責編:小OO 時間:2020-11-27 22:51:26
    文檔

    Ajax實現搜索功能的分頁

    本文實例為大家分享了Ajax實現搜索功能的分頁,供大家參考,具體內容如下:之前只實現了搜索功能,但是并不能分頁2333,所以在上篇的基礎上修改實現分頁(首頁,上一頁,下一頁,尾頁,跳轉頁面),腦袋瓜不夠用,要記下來記下來。html代碼;
    推薦度:
    導讀本文實例為大家分享了Ajax實現搜索功能的分頁,供大家參考,具體內容如下:之前只實現了搜索功能,但是并不能分頁2333,所以在上篇的基礎上修改實現分頁(首頁,上一頁,下一頁,尾頁,跳轉頁面),腦袋瓜不夠用,要記下來記下來。html代碼;

    本文實例為大家分享了Ajax實現搜索功能的分頁,供大家參考,具體內容如下

    之前只實現了搜索功能,但是并不能分頁2333,所以在上篇的基礎上修改實現分頁(首頁,上一頁,下一頁,尾頁,跳轉頁面),腦袋瓜不夠用,要記下來記下來

    html代碼

    <a class="btn-lit" type="submit" onclick="searchResult(on())"><span>搜索</span></a>
    //嵌套函數,用來情空最大頁數和當前頁數
    
    <div id="fenye" class="cnt-wp" style="display: none;">
     <span id="pageAjax"> 頁次:{$pagefunc[1]}/{$pagefunc[4]} 每頁22總數{$pagefunc[2]}</span>
     <a class="btn-lit" onclick="pageAjaxFirst()"><span>首頁</span></a>
     <a class="btn-lit" onclick="pageAjaxPrev()"><span>上一頁</span></a>
     <a class="btn-lit" onclick="pageAjaxNext()"><span>下一頁</span></a>
     <a class="btn-lit" onclick="pageAjaxEnd()"><span>尾頁</span></a>
     <input type="text" name="pageTiao" id="pageTiao" style="width: 35px;height: 20px;margin-top:-2px;">
     <a onclick="tiao()" class="btn-lit"><span>跳轉</span></a>
     <input type="hidden" name="maxys" id="maxys" value="">
     <input type="hidden" name="page" id="pageCurrent" value="">
     //hidden用來保存最大頁和當前頁
    </div>

    js代碼

    <script type="text/javascript">
     //清空最大頁和當前頁,保證能夠多次搜索
     function on()
     {
     $('#pageCurrent').val(''); 
     $('#maxys').val('');
     }
     //首頁
     function pageAjaxFirst()
     {
     $('#pageCurrent').val(1);
     searchResult();
     }
     //尾頁
     function pageAjaxEnd()
     {
     var maxys = $('#maxys').val();
     $('#pageCurrent').val(maxys);
     searchResult();
     }
     //下一頁
     function pageAjaxNext()
     {
     var maxys = $('#maxys').val();
     var page = $('#pageCurrent').val();
     $('#pageCurrent').val(parseInt(page) +1);
     if (page > maxys) {
     $('#pageCurrent').val(maxys);
     }
     searchResult();
     } 
     //上一頁
     function pageAjaxPrev()
     {
     var maxys = $('#maxys').val();
     var page = $('#pageCurrent').val();
     $('#pageCurrent').val(parseInt(page) -1);
     if (page < 1) {
     $('#pageCurrent').val(1);
     }
     searchResult();
     } 
     //跳轉頁面
     function tiao ()
     {
     var maxys = $('#maxys').val();
     var now = $('#pageTiao').val();
     $('#pageCurrent').val(now);
     var page = $('#pageCurrent').val();
     if (page < 1) {
     $('#pageCurrent').val(1);
     }
     if (page > maxys) {
     $('#pageCurrent').val(maxys);
     }
     searchResult();
    
     }
     function searchResult()
     {
    
     var formData = $("#myPost").serialize();
     var caption = $("#caption"); 
     var html = '';
    
     $('#pageBar').remove();
     $.ajax({ 
     type:"get", 
     url:"/user/search/do_search", 
     data:formData, 
     success:success, 
     error: fail
     }); 
    
     function fail() {
     alert('查詢條件有誤。')
     }
     function success(search){
     if (search != null) {
     var obj = JSON.parse(search);
     var content = obj[0];
     var nowPage = obj[1];
     var total1 = obj[2];
     var allPage = obj[4];
     $.each(content, function (key, value) {
     html += '<tr class="sousuo"><td class="chk"><input value="" val="' + content[key]['user_id'] + '" type="checkbox" name="CheckBox[' + content[key]['user_id'] + ']" class="check-box" /></td> <td class="txt40 c">' + content[key]['user_id'] + '</td><td class="txt40 c"><a href="/user/user/user_info/user_id/' + content[key]['user_id'] +'" rel="external nofollow" ' + '"title="查看資料">'+ content[key]['account'] + '</a></td>' + '<td class="txt40 c">' + content[key]['nickname']+ '</td><td class="txt40 c">' + content[key]['sex'] + '</td><td class="txt80 c">' + content[key]['coin'] + '</td><td class="txt40 c">' + content[key]['tickets'] + '</td><td class="txt40 c">' + content[key]['gem'] + '</td><td class="txt40 c">VIP' + content[key]['vip_id'] + '</td><td class="txt40 c">' + content[key]['user_type'] + '</td> <td class="txt80 c">' + content[key]['register_platform'] + ' </td> <td class="txt80 c">' + content[key]['register_date'] + '</td> <td class="txt80 c">'+content[key]['last_login_time'] + '</td><td class="txt80 c">'+ content[key]['last_login_ip'] + '</td> <td class="txt80 c">'+ content[key]['game_login_times'] +'</td><td class="txt80 c">'+ content[key]['prohibit_flag'] + '</td><td class="icon"><a class="opt" title="編輯" href="/user/user/edit_user/user_id/' + content[key]['user_id'] + '}" rel="external nofollow" ><span class="icon-sprite icon-edit"></span></a></td></tr>';
     }); 
     $('.showTr').remove();
     $('.sousuo').remove();
     $('.xiaoshi').remove();
    
     $('.show').after(html);
     $('#maxys').val(allPage);
     $('#pageCurrent').val(nowPage);
     } else {
     $('.show').after('<tr>沒有數據</tr>');
     } 
     $('#fenye').css('display','block');
     $('#pageAjax').html('頁次:'+ nowPage + '/' + allPage +'每頁22總數' + total1);
     } 
     }
    </script>

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    Ajax實現搜索功能的分頁

    本文實例為大家分享了Ajax實現搜索功能的分頁,供大家參考,具體內容如下:之前只實現了搜索功能,但是并不能分頁2333,所以在上篇的基礎上修改實現分頁(首頁,上一頁,下一頁,尾頁,跳轉頁面),腦袋瓜不夠用,要記下來記下來。html代碼;
    推薦度:
    標簽: 搜索 功能 實現
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 精品无码人妻久久久久久| 成人精品一区二区久久| 日韩精品一区二区三区四区| 亚洲AV无码乱码精品国产| 色综合久久综精品| 久久精品国产第一区二区三区| 国产精品九九九| 99在线精品视频在线观看| 一本色道久久88精品综合| 国产精品麻豆VA在线播放| 99久久精品国产高清一区二区| 亚洲国产精品无码久久久秋霞2 | 亚洲国产精品ⅴa在线观看| 3级黄性日本午夜精品| 久久丝袜精品中文字幕| 精品久久久久久无码中文野结衣 | 国语自产精品视频在线区| 国产成人无码精品久久久久免费| 日韩精品视频一区二区三区| 久久精品女人天堂AV麻| 粉嫩精品美女国产在线观看| 99久久国产综合精品麻豆| 四虎成人精品无码| 一级做a爰黑人又硬又粗免费看51社区国产精品视 | 亚洲欧美日韩国产一区二区三区精品| 国产A√精品区二区三区四区| 99精品国产一区二区三区| 无码日韩精品一区二区免费| 日本精品久久久久影院日本| 国产精品国产三级国产潘金莲| 亚洲精品电影网| 久久亚洲精品视频| 欧美精品人爱c欧美精品| 国产精品久久久久9999高清| 精品国产VA久久久久久久冰 | 99RE6热在线精品视频观看| 精品熟女少妇a∨免费久久| 午夜精品久久久久久久| 亚洲精品高清国产一线久久| 亚洲AV日韩精品久久久久| 亚洲AV午夜福利精品一区二区|