迅睿CMS:Ajax多条件的搜索效果

迅睿教程 0 来源:老K模板网 收藏

使用场景:在任意网页进行ajax无刷新请求搜索效果

实现原理:

通过现有的搜索url加入参数:ajax_page=新的模板名称.html,这时候cms会按照模板返回新内容,以便ajax做返回输出处理。


一、准备工作:

    先创建AJAX搜索结果输出的模板文件。注:因为搜索是按照模块内容进行搜索,所以需要提前按照模块创建搜索结果输出模板。

    假设有个新闻模块,模块名称为:news,创建模板的路径为:

    PC端:/template/pc/default/home/news/myajax.html

    移动端:/template/mobile/default/home/news/myajax.html

    myajax.html 可以根据自己的需要随意修改名称。


二、搜索结果模板内容:


三、通过URL进行AJAX搜索:


四、测试AJAX搜索结果:

这个就是自定义的搜索结果输出模板的内容

微信截图_20220416105128


五、拼接AJAX

模板内获取栏目id: url: "/index.php?s=shop&c=search&catid={$catid}&ajax_page=myajax.html&page=1&keyword=关键词",

红色为当前栏目id


六、实现下拉自动加载


免责声明:1.凡本站注明“来源:XXX(非老K模板网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系laokcms#126.com处理;2.凡本站转载内容仅代表作者本人观点,与老K模板网无关。
0 条评论

网友留言