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

最新推荐文章于 2022-01-18 10:01:27 发布

爱吃排骨

最新推荐文章于 2022-01-18 10:01:27 发布

阅读量1.6w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： AJax 拿到后台数据渲染页面

本文链接：https://blog.youkuaiyun.com/qq_36947128/article/details/78425345

jquery 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种使用Ajax技术从服务器获取数据并将其显示在网页上的方法。通过具体实例展示了如何利用jQuery库发送GET请求，并将返回的数据拼接成HTML格式以更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)

效果展示：

如此结束