将ajax获取到的JSON对象遍历输出求助

将ajax获取到的JSON对象遍历输出求助,第1张

var HtmlText="";//要生成的内容

var strJson = JSONparse(data);//转换成json对象

for (var i = 0; i < strJsonlength; i++) {

HtmlText+="<li><a href=\"url\">"+strJson[i]["title"]+"<time>updatetime</time></li>";

       }

$ajax是jQuery语法,它的返回值是一个jQuery对象,

这个jQuery对象里面有一个"responseText"属性,

这个responseText属性的值是json格式的字符串

一般是下面这种格式:

{"userList":

[

{"name":"张三","age":"20"};

{"name":"李四","age":"21"};

{"name":"王五","age":"22"}

]

}

通过eval()这个函数能把上面这种格式的字符串转换成一个Map对象。

你上面例子里的 jsonstr就是一个json字符串,jsonobj就是转换后的Map对象。

然后就可以这样 *** 作:

jsonobjuserList[0]name --张三

jsonobjuserList[0]age --20

jsonobjuserList[1]name -- 李四

jsonobjuserList[1]age -- 21

获取数据和实现数据绑定

=>真实项目中,页面中大部分数据都不是写死的,而是动态绑定的

A:从服务器端获取到数据(基于AJAX/JSONP等技术,通过服务器端提供的数据API接口地址,把数据请求回来)

B:把获取的数据进行解析

C:把数据绑定在HTML页面中(数据绑定);ES6中的模板字符串

以上就是关于将ajax获取到的JSON对象遍历输出求助全部的内容,包括:将ajax获取到的JSON对象遍历输出求助、ajax可以返回对象吗、基于AJAX获取数据/JSON字符串转换为对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10158966.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存