ITPub博客

首页 > 应用开发 > IT综合 > Thinkphp+Ajax带关键词搜索列表无刷新分页实例

Thinkphp+Ajax带关键词搜索列表无刷新分页实例

IT综合 作者:sucaihuo 时间:2019-08-01 21:17:37 0 删除 编辑

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(); 
}


本文转自: https://www.sucaihuo.com/php/637.html 转载请注明出处!


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31508513/viewspace-2652521/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2017-12-01

  • 博文量
    22
  • 访问量
    22125