头像

Thinkphp原创Ajax分页加搜索查询【原创

来源:http://www.sucaihuo.com/js/637 素材火管理员 2016-01-02 18:56浏览(8629) 收藏

本文AJAX无刷新分页是参考Thinkphp仿淘宝分页跳转:http://www.sucaihuo.com/php/563.html,演示中有两个查询条件,分页和搜索关键字,你还可以添加其他分页参数。
Thinkphp原创Ajax分页加搜索查询
分类:PHP > Ajax 难易:初级

程序员,你不是一个人;网站开发QQ群:35291327 在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 344 下载资源 下载积分: 120 积分

搜索#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();
}
标签: 分页
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/637.html
评论120
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 119楼
    昨天 10-21 08:52
    hsiwa
    很实用的一个功能
  • 头像 118楼
    09-25 09:24
    nioka
    这个不错,正好用在tp里面
  • 头像 117楼
    09-17 00:34
    Jan
    看着效果不错想下载,可惜积分不够
  • 头像 116楼
    08-23 11:12
    北风小二3
    效果不错啊,先收藏了
  • 头像 115楼
    08-11 09:16
    2233725757@qq.com
    看着效果不错想下载,积分不够啦
  • 头像 114楼
    08-10 09:04
    xuzhaocai
    先收藏下,,,,
  • 头像 113楼
    08-09 09:34
    qq869751699
    想下的东西有点多,积分不够啦
  • 头像 112楼
    07-17 15:21
    haohaoxuexi
    很想下来学习下,可惜积分不够....
  • 头像 111楼
    07-12 13:59
    qqlixiangabc
    先收藏了,赚够积分再来下载
  • 头像 110楼
    07-06 09:58
    jataotao
    需要这么多的下载积分!
1 2