<script type="text/html" id="phoneTemplate"> {{# layui.each(d,function(index,item){ }} <li> <h3>{{= item.name}}</h3> <p>CUP全面屏</p> <p>{{= item.price}}起</p> </a> </li> {{# }); }} </script> <script> layui.use(['laytpl'],function() { var laytpl = layui.laytpl; var $ = layui.jQuery; //查手机数据 $.get("/product/telephone",function(phones){ laytpl($("phoneTemplate").html()).render(phones,function(aaa) { $("#phoneUL").html(aaa); }); }); }); </script>
时间: 2024-04-21 21:26:28 浏览: 45
layui.tree组件的使用以及搜索节点功能的实现
这段代码看起来是一个使用 Layui 框架的模板引擎,用于渲染一个手机列表。其中,使用了 laytpl 模块进行模板渲染,使用了 jQuery 的 $.get 方法请求手机数据,然后将数据渲染到页面上。具体来说,模板中使用了 layui.each 方法对数据进行循环遍历,将每一个手机的名称、价格等信息渲染到 li 元素中,然后通过 laytpl 的 render 方法将渲染好的 HTML 插入到页面中 id 为 phoneUL 的元素中。
阅读全文