<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
        主站蜘蛛池模板: 久久久亚洲裙底偷窥综合| 99久久国产免费中文无字幕| 国产日本亚洲一区二区三区| 久久亚洲精品国产精品婷婷| 午夜在线亚洲男人午在线| 一级做a爱过程免费视频高清| 精品国产麻豆免费人成网站| 97视频免费在线| 无码欧精品亚洲日韩一区夜夜嗨 | 亚洲中文字幕AV每天更新| 一边摸一边爽一边叫床免费视频| 亚洲Av无码乱码在线观看性色| 亚洲精品视频免费看| 一级毛片免费毛片毛片| 亚洲午夜福利精品久久| 久久夜色精品国产噜噜亚洲a| 日韩免费高清视频网站| 亚洲国产精品一区第二页| 亚洲成a人无码亚洲成www牛牛| 全黄大全大色全免费大片| 午夜视频免费成人| 亚洲福利在线观看| 美女免费视频一区二区| 九九精品免费视频| 亚洲电影中文字幕| 999国内精品永久免费视频| 亚洲欧美日韩综合俺去了| 欧洲乱码伦视频免费| 亚洲国产精华液2020| 亚洲中文字幕无码一区| 福利片免费一区二区三区| 国产AV无码专区亚洲AV毛网站| 国拍在线精品视频免费观看| 羞羞视频免费网站入口| 亚洲va久久久噜噜噜久久狠狠 | 亚洲一区二区三区深夜天堂| 永久免费不卡在线观看黄网站| 亚洲福利精品一区二区三区| 无码囯产精品一区二区免费| 久久综合图区亚洲综合图区| 毛片免费观看网站|