这次给大家带来JS在前端页面做出全局搜索，JS在前端页面做出全局搜索的注意事项有哪些，下面就是实战案例，一起来看一下。
效果图如下所示：
//输入触发框这个是要显示的校区的容器，渲染的就是这个页面
//模板数据
//因为这块用到了layui的语句和jfinal的语句，所以需要把layui的#用jfinal的#让layui当作普通字符串输出
//str字符串是否包含substr字符串
function isContains(str, substr) {
return str.indexOf(substr) >= 0;
}
//layui模板的写法
var getTpl = searchText.innerHTML;//写到js方法外边这样只加载一次，不用每次都加载，速度快
/* 前端页面的搜索 */
function ck(campusName){
//渲染模版
layui.laytpl(getTpl).render({"val":campusName}, //json值
function(html){
$("#cam").html(html);//jquery把模板加载到p id是cam中
console.log(html);
layui.form.render(null,"cam"); //更新这个容器中的页面
});
}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Ztoy网络商铺多用户版
下载
在原版的基础上做了一下修正：增加1st在线支付功能与论坛用户数据结合，vip也可与论坛相关，增加互动性vip会员的全面修正评论没有提交正文的问题特价商品的调用连接问题删掉了2个木马文件去掉了一个后门补了SQL注入补了一个过滤漏洞浮动价不能删除的问题不能够搜索问题收藏时放入购物车时出错点放入购物车弹出2个窗口修正定单不能删除问题VIP出错问题主题添加问题商家注册页导航连接问题添加了导航FLASH源文
