怎么用Thinkphp+Ajax實現帶關鍵詞搜索列表無刷新分頁的功能

這篇文章主要講解了“怎么用Thinkphp+Ajax實現帶關鍵詞搜索列表無刷新分頁的功能”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“怎么用Thinkphp+Ajax實現帶關鍵詞搜索列表無刷新分頁的功能”吧！

Thinkphp+Ajax帶關鍵詞搜索列表無刷新分頁實例，兩個查詢條件，分頁和搜索關鍵字，懂的朋友還可以添加其他分頁參數。

搜索#keyword和加載內容區域#ajax_lists

var url_ajax = "__APP__/Box/orders"; 
$(function() { 
    $("#ajax_lists").delegate(".pager a", "click", function() { 
        var page = $(this).attr("data-page");//獲取當前點擊分頁 
        getPage(page); 
    }) 
    getPage(1); //初始化分頁 
 
}) 
function getPage(page) { 
    $("#ajax_lists").html("列表"); 
    var keyword = $("#keyword").val(); 
    $.get(url_ajax, {keyword: keyword, p: page}, function(data) { 
        $('#ajax_lists').html(data); 
    }) 
}

遠程ajax加載列表數據

public function orders() { 
    $sql = "1=1"; 
 
    $keyword = trim(I('get.keyword')); 
    if (!empty($keyword)) { 
        $sql .= " AND name like '%" . $keyword . "%'"; 
    } 
    $count = M('js')->where($sql)->count();    //計算總數 
    $Page = new \Think\PageAjax($count, 10); 
//           
    $lists = M('js')->where($sql)->limit($Page->firstRow . ',' . $Page->listRows)->order('id DESC')->select(); 
 
    $this->assign("page", $Page->show()); 
    $this->assign("lists", $lists); 
    $this->assign("keyword", $keyword); 
    $this->display(); 
}

感謝各位的閱讀，以上就是“怎么用Thinkphp+Ajax實現帶關鍵詞搜索列表無刷新分頁的功能”的內容了，經過本文的學習后，相信大家對怎么用Thinkphp+Ajax實現帶關鍵詞搜索列表無刷新分頁的功能這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！