Thinkphp原创Ajax分页加搜索查询

收藏

本文AJAX无刷新分页是参考Thinkphp仿淘宝分页跳转：http://www.erdangjiade.com/php/563.html,演示中有两个查询条件，分页和搜索关键字，你还可以添加其他分页参数。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

搜索#keyword和加载内容区域#ajax_lists

<input type="text" class="input" id="keyword" value="" placeholder="请输入搜索关键词"/> <input type="button" class="btn" value="搜索" onclick="getPage(1)" />
<div class="content" id="ajax_lists"></div>

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("<div class='loading'><img src='__PUBLIC__/images/loading.gif' alt='loading'></div>");
    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();
}