使用template.js加载后端数据
2018-05-27 17:45
225 查看
1.在项目中引入template.js文件。
2.获取到后端接口地址等于号后面的字符串,在需要引入后端数据的div中添加id,使它的id=该字符串_con。例如:http://120.77.240.194/youyou/app/index.php?m=news&c=api&a=get,将最后的get_con设置为div的id。清空div内容,保留样式。
3.设置在div 下面添加script id为get,type为text/html,示例
<script id="get" type="text/html">
{{if get}}
{{each get as value index}}
<li>{{value.title}}</li>
{{/each}}
{{/if}}
</script>
4.最后在script标签中添加load_pageurl_data('m对应的参数/c对应的参数/a对应的参数','');例如load_pageurl_data('news/api/get','');温馨提示:base_app_url地址
2.获取到后端接口地址等于号后面的字符串,在需要引入后端数据的div中添加id,使它的id=该字符串_con。例如:http://120.77.240.194/youyou/app/index.php?m=news&c=api&a=get,将最后的get_con设置为div的id。清空div内容,保留样式。
3.设置在div 下面添加script id为get,type为text/html,示例
<script id="get" type="text/html">
{{if get}}
{{each get as value index}}
<li>{{value.title}}</li>
{{/each}}
{{/if}}
</script>
4.最后在script标签中添加load_pageurl_data('m对应的参数/c对应的参数/a对应的参数','');例如load_pageurl_data('news/api/get','');温馨提示:base_app_url地址
相关文章推荐
- asp.net 使用js分页,异步加载数据
- js图片预加载---for与onload事件,图片数据模型到界面的单项绑定,使用interval模拟循环操作
- 使用js加载图像和setDataXML()加载数据
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- 使用Vue.Js结合Jquery Ajax加载数据的两种方式
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- asp.net 使用js分页实现异步加载数据
- 关于使用Iscroll.js异步加载数据后不能滑动到最底端的问题解决方案
- jsData 使用教程(-) 加载数据
- 使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据
- 详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
- 我是这样使用template.js来异步渲染数据的demo
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- 使用template.js处理数据
- thinkphp使用js实现点击加载更多后, 底部无刷新加载出新的数据并显示在该页
- asp.net 使用js分页实现异步加载数据
- 使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据