Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > ajax

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

来源:中文源码网    浏览:139 次    日期:2024-05-01 05:35:38
【下载文档:  AJax 把拿到的后台数据在页面中渲染的实例.txt 】


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// $(".cell").html(data.data[0].data+"")
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 把拿到的后台数据在页面中渲染的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持中文源码网。

    相关内容