热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

今天小编就为大家分享一篇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")
 
				 html+=
				 '
  • ' +'' +data.data[i].data +'
  • ' } $(".set-select").html(html) }) })

    这里需要注意的是 var html="";这里 需要在$.get前面创建,如果在$.get后面创建,会获取到一个underfind 的数据.

    接下来 就是拼接数据了

     html+=
     '
  • ' +'' +data.data[i].data +'
  • '

    最后,把定义好的html 赋值到 你需要在html页面上渲染的地方

    $(".set-select").html(html)

    效果展示:

    以上这篇AJax 把拿到的后台数据在页面中渲染的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


    推荐阅读
    author-avatar
    更东陌飞絮蒙蒙
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有