PHP頁面輸出搜索后跳轉(zhuǎn)下一頁的處理方法
php頁面輸出時,搜索功能在跳轉(zhuǎn)下一頁時,如果不做任何處理,會返回原有是第二頁輸出的數(shù)據(jù),用js來給url加上搜索的條件,保證跳轉(zhuǎn)下一頁時輸出的是搜索到的數(shù)據(jù)。以下是js代碼
//搜索功能 $("#search").click(function() { //通過id找到搜索的input框 var url = $(this).attr('url'); var query = $('.search-form').find('input').serialize(); query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, ''); query = query.replace(/^&/g, ''); if (url.indexOf('?') > 0) { url += '&' + query; } else { url += '?' + query; } window.location.href = url; }); //回車搜索 $(".search-form").keyup(function(e) { if (e.keyCode === 13) { $("#search").click(); return false; } });
搜索部分代碼
<div class="box-tools search-form" style="width:250px;"> <div class="input-group"> <input type="text" name="nickname" value="" class="form-control input-sm pull-right" style="width: 150px;" placeholder="請輸入會員昵稱或者ID"> <div class="input-group-btn"> <button class="btn btn-sm btn-default" id="search" url="{:U('Membership')}"> <i class="fa fa-search"></i></button> </div> </div> </div>
以上所述是小編給大家介紹的PHP頁面輸出搜索后跳轉(zhuǎn)下一頁的處理方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
thinkphp5框架實現(xiàn)的自定義擴展類操作示例
這篇文章主要介紹了thinkphp5框架實現(xiàn)的自定義擴展類操作,結(jié)合實例形式簡單分析了thinkPHP5在extend目錄下建立自定義擴展類的具體操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-05-05excellent!——ASCII Art(由目標圖象生成ascii)
這篇文章主要介紹了excellent!——ASCII Art2007-02-02Thinkphp5+plupload實現(xiàn)的圖片上傳功能示例【支持實時預(yù)覽】
這篇文章主要介紹了Thinkphp5+plupload實現(xiàn)的圖片上傳功能,結(jié)合具體實例形式分析了thinkPHP5結(jié)合plupload實現(xiàn)可支持實時預(yù)覽的圖片上傳功能相關(guān)操作技巧,需要的朋友可以參考下2019-05-05Laravel中批量賦值Mass-Assignment的真正含義詳解
Laravel作為在國內(nèi)國外都頗為流行的PHP框架,風(fēng)格優(yōu)雅,其擁有自己的一些特點,下面這篇文章主要給大家介紹了關(guān)于Laravel中批量賦值Mass-Assignment的真正含義,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09Laravel timestamps 設(shè)置為unix時間戳的方法
今天小編就為大家分享一篇Laravel timestamps 設(shè)置為unix時間戳的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10thinkphp 5框架實現(xiàn)登陸,登出及session登陸狀態(tài)檢測功能示例
這篇文章主要介紹了thinkphp 5框架實現(xiàn)登陸,登出及session登陸狀態(tài)檢測功能,結(jié)合實例形式分析了thinkPHP5登陸判斷、跳轉(zhuǎn)及session的相關(guān)使用技巧,需要的朋友可以參考下2019-10-10