主页 > 知识库 > AJax 把拿到的后台数据在页面中渲染的实例

AJax 把拿到的后台数据在页面中渲染的实例

热门标签:大学校门地图标注 平凉高德地图标注商户要收费吗 福建微码电话机器人 提高电话机器人接通率 外呼系统api对接 地图标注与公司业务关系 广西智能外呼系统多少钱 销售电销机器人诈骗 荆州智能电销机器人

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;idata.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 把拿到的后台数据在页面中渲染的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
  • vue.js,ajax渲染页面的实例
  • ajax接收后台数据在html页面显示
  • 利用js将ajax获取到的后台数据动态加载至网页中的方法
  • Ajax获取数据然后显示在页面的实现方法

标签:内江 德阳 海南 邯郸 衡阳 乐山 娄底 黔东

巨人网络通讯声明:本文标题《AJax 把拿到的后台数据在页面中渲染的实例》,本文关键词  AJax,把,拿到,的,后台,数据,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《AJax 把拿到的后台数据在页面中渲染的实例》相关的同类信息!
  • 本页收集关于AJax 把拿到的后台数据在页面中渲染的实例的相关信息资讯供网民参考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章