<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題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關(guān)鍵字專題關(guān)鍵字專題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實現(xiàn)搜索功能的分頁

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

        Ajax實現(xiàn)搜索功能的分頁

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

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

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

        html代碼

        <a class="btn-lit" type="submit" onclick="searchResult(on())"><span>搜索</span></a>
        //嵌套函數(shù),用來情空最大頁數(shù)和當前頁數(shù)
        
        <div id="fenye" class="cnt-wp" style="display: none;">
         <span id="pageAjax"> 頁次:{$pagefunc[1]}/{$pagefunc[4]} 每頁22總數(shù){$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>跳轉(zhuǎn)</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();
         } 
         //跳轉(zhuǎn)頁面
         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>沒有數(shù)據(jù)</tr>');
         } 
         $('#fenye').css('display','block');
         $('#pageAjax').html('頁次:'+ nowPage + '/' + allPage +'每頁22總數(shù)' + total1);
         } 
         }
        </script>

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

        文檔

        Ajax實現(xiàn)搜索功能的分頁

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

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲hairy多毛pics大全| 亚洲国产人成网站在线电影动漫| 亚洲av片不卡无码久久| 精品无码AV无码免费专区| 国产成人亚洲综合无码精品| 国产羞羞的视频在线观看免费| 亚洲国产精品va在线播放| 日韩人妻无码精品久久免费一| 久久久久久亚洲av成人无码国产| 永久免费av无码网站yy| 亚洲男人都懂得羞羞网站| 37pao成人国产永久免费视频| 亚洲一卡2卡4卡5卡6卡在线99| 无限动漫网在线观看免费| 亚洲AV噜噜一区二区三区 | 亚洲AV无码专区国产乱码不卡| 韩国免费三片在线视频| 日韩毛片免费一二三| 中文字幕亚洲一区| 国产好大好硬好爽免费不卡| 亚洲免费福利视频| 国产大片91精品免费看3| 国产99久久久国产精免费| 亚洲欧洲日产国产综合网| 久久精品女人天堂AV免费观看| 理论亚洲区美一区二区三区| 国产午夜亚洲精品午夜鲁丝片| 99免费在线观看视频| 亚洲国产精品美女久久久久| 亚洲国产精品激情在线观看| 日韩免费在线视频| 亚洲乱码在线卡一卡二卡新区| 又粗又硬免费毛片| 一级毛片免费观看不卡的| 香蕉大伊亚洲人在线观看| 亚洲日韩在线中文字幕第一页| 一级毛片不卡片免费观看| 亚洲色www永久网站| 国产亚洲一区二区三区在线不卡| 在线日本高清免费不卡| 午夜在线亚洲男人午在线|