国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答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
主站蜘蛛池模板: 亚洲午夜久久久久中文字幕 | 亚洲精品综合久久中文字幕 | 国产高清免费在线观看 | 欧美日韩高清完整版在线观看免费 | 欧美曰韩 | 国产福利视精品永久免费 | 日韩二区三区 | 精品国产免费一区二区三区五区 | 日韩一区二区三区四区不卡 | 亚洲视频在线一区 | 综合精品欧美日韩国产在线 | 一区二区三区视频在线 | 精品国产免费一区二区三区五区 | 91精品久久久久久久久久 | 久久精品国产国产精品四凭 | 精品一区二区三区四区五区 | 色婷婷综合在线 | 一级毛片免费毛片一级毛片免费 | 全黄a一级毛片 | 亚洲色图欧美在线 | 亚洲欧洲中文字幕 | 欧美高清视频在线观看 | 亚洲精品免费视频 | 91久久精品国产免费一区 | 国产精品一二三区 | 国产精品成人va | 亚洲一级毛片免观看 | 欧美精品一区二区三区免费观看 | 国产精品久久久久久久久鸭 | 亚洲一区二区三区四区在线观看 | 99久久精品国产国产毛片 | 性欧美大战久久久久久久野外黑人 | 欧美第五页 | 国产欧美日韩另类va在线 | 亚洲视频欧美视频 | 国产在线视频在线观看 | 精品国产亚洲一区二区三区 | 日韩影音 | 国产一级久久久久久毛片 | 91精品国产91久久久久 | 欧美日韩国产在线人 |