AJax 把拿到的后台数据在页面中渲染的实例
2018-08-11 08:42
861 查看
1.先放一段ajax http://xxxxx/GCMS/dispatch/getCarTypes 这样一段URL
2.下面来使用它 ,贴代码
$(".set-value").on("tap",function(){ var html=""; $.get("http://XXXX/dispatch/getCarTypes",function(data,status){ for( var i=0;i<data.data.length;i++){ // $(".cell").html(data.data[0].data+"<img src='data.data[0].url' />")html+= '<li class="mui-table-view-cell">' +'<img src="'+data.data[i].url+'">' +data.data[i].data +'</li>' }$(".set-select").html(html) }) })
这里需要注意的是 var html="";这里 需要在$.get前面创建,如果在$.get后面创建,会获取到一个underfind 的数据.
接下来 就是拼接数据了
html+= '<li class="mui-table-view-cell">' +'<img src="'+data.data[i].url+'">' +data.data[i].data +'</li>'
最后,把定义好的html 赋值到 你需要在html页面上渲染的地方
$(".set-select").html(html)
效果展示:
以上这篇AJax 把拿到的后台数据在页面中渲染的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- AJax 把拿到的后台数据在页面中渲染
- asp.net 前后台页面交互数据的四种方案,非ajax
- 滑轮滚动到页面底部ajax加载数据的实例
- Ajax 实现页面数据 后台验证
- springmvc+ajax+json从页面传数据到后台,以及后台传Map集合到ajax解析
- PHP登录(ajax提交数据和后台校验)实例分享
- 页面上一段时间内通过ajax轮询后台数据的简单实现方法
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- ajax获取后台数据,页面Json数据按照json格式化输出
- 后台处理数据通过 Ajax 中 success 函数传到页面
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- html页面的数据利用js或者Ajax传输到后台java、php
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- js 下拉底部加载|滑轮滚动到页面底部ajax加载数据的实例
- [置顶] ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- vue.js,ajax渲染页面的实例
- 前端页面利用AJAX将数组数据传送到后台
- jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台
- 用ajax提交数据到后台,并且把计算结果从后台把数据转到前台(该过程不刷新页面)