AJax 把拿到的后台数据在页面中渲染的实例
更新时间：2018年08月11日 08:42:54 作者：爱吃排骨
今天小编就为大家分享一篇AJax 把拿到的后台数据在页面中渲染的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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读取XML实现动态下拉导航...2007-02-02
下面给大家介绍JS实现AJAX局部刷新功能，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。对ajax实现局部刷新功能感兴趣的朋友一起看看吧2017-02-02
这篇文章主要介绍了ajax遍历xml文档的方法,实例分析了jsp结合Ajax遍历XML文档的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
AJAX 是一种用于创建快速动态网页的技术，本文主要给大家介绍全面解析$.Ajax()方法参数(推荐)的相关资料,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了关于Ajax技术中servlet末尾的输出流的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
微软MSXML中的XMLHTTP组件基于URL Moniker，同时支持同步和异步HTTP/HTTPS访问远程主机资源的方法。这里提供基本的JavaScript代码以方便本地运行cscript.exe调试。2009-11-11
这篇文章主要为大家详细介绍了ajax无刷新评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章给大家介绍了Ajax读取txt并对txt内容进行分页显示功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
今天小编就为大家分享一篇ajax动态查询数据库数据并显示在前台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
AJAX请求是否真的不安全？谈一谈Web安全与AJAX的关系
Ajax中没有固有的安全漏洞，但是对该技术向量的适配显著地改变了网络应用的开发途径以及方法论。AJAX请求的安全性是大家经常会谈论的一个话题，AJAX请求是否真的不安全？下面这篇文章就来给大家详细谈一谈Web安全与AJAX关系的相关资料，需要的朋友可以参考下。2018-01-01
最新评论