我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

怎么用Thinkphp+Ajax实现带关键词搜索列表无刷新分页的功能-创新互联

这篇文章主要讲解了“怎么用Thinkphp+Ajax实现带关键词搜索列表无刷新分页的功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用Thinkphp+Ajax实现带关键词搜索列表无刷新分页的功能”吧!

创新互联成立以来不断整合自身及行业资源、不断突破观念以使企业策略得到完善和成熟,建立了一套“以技术为基点,以客户需求中心、市场为导向”的快速反应体系。对公司的主营项目,如中高端企业网站企划 / 设计、行业 / 企业门户设计推广、行业门户平台运营、成都App制作、手机网站开发、微信网站制作、软件开发、服务器托管等实行标准化操作,让客户可以直观的预知到从创新互联可以获得的服务效果。

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实现带关键词搜索列表无刷新分页的功能这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前文章:怎么用Thinkphp+Ajax实现带关键词搜索列表无刷新分页的功能-创新互联
当前路径:http://shouzuofang.com/article/dpgsgj.html

其他资讯