JS 循环遍历JSON数据
2019-04-13
JavaScript
1368
1
JSON数据如:{"options":"[{/"text/":/"张三/",/"value/":/"9/"},{/"text/":/"李四/",/"value/":/"10/"},{/"text/":/"王五/",/"value/":/"13/"}]"}用js可以写成:vardata=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];
for(varoindata){
console.log("text:"+data[o].name+"value:"+data[o].age);
}实例:结合ajaxhtml代码:注意引入jquery
$(function(){
$.ajax({
//请求方式
type:'GET',
//发送请求的地址
url:'http://www.tpxhm.com/index/H5luck/h5_list',
//服务器返回的数据类型
dataType:'json',
//发送到服务器的数据,对象必须为key/value的格式,jquery会自动转换为字符串格式
data:'',
success:function(data){
for(varpindata){
vararr=Number(p)+Number(1);
$('.lsit').append(''+data[p].nickname+''+data[p].tel+'奖品:'+data[p].cons+''+arr+'')
}
},
error:function(jqXHR){
//请求失败函数内容
}
});
})