Thinkphp+Ajax分頁加搜尋查詢例子

搜尋#keyword和載入內容地區#ajax_lists

<input id="keyword" class="input" type="text" value="" placeholder="請輸入搜尋關鍵詞" />
<input class="btn" type="button" value="搜尋" />
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("
loading
"); 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')-&gt;where($sql)-&gt;count();    //計算總數
    $Page = new \Think\PageAjax($count, 10);
//          
    $lists = M('js')-&gt;where($sql)-&gt;limit($Page-&gt;firstRow . ',' . $Page-&gt;listRows)-&gt;order('id DESC')-&gt;select();
 
    $this-&gt;assign("page", $Page-&gt;show());
    $this-&gt;assign("lists", $lists);
    $this-&gt;assign("keyword", $keyword);
    $this-&gt;display();
}
如圖：