从json jQuery检索数据
下面是JSON响应,我希望避免前四个属性,并使用数据数组中的属性 JSON响应是从json jQuery检索数据,jquery,json,ajax,Jquery,Json,Ajax,下面是JSON响应,我希望避免前四个属性,并使用数据数组中的属性 JSON响应是 { "page":2, "per_page":3, "total":12, "total_pages":4, "data":[ { "id":4, "first_name":"Eve", "last_name":"Holt", "avatar":"https://s3.amazonaws.com
{
"page":2,
"per_page":3,
"total":12,
"total_pages":4,
"data":[
{
"id":4,
"first_name":"Eve",
"last_name":"Holt",
"avatar":"https://s3.amazonaws.com/uifaces/faces/twitter/marcoramires/128.jpg"
},
{
"id":5,
"first_name":"Charles",
"last_name":"Morris",
"avatar":"https://s3.amazonaws.com/uifaces/faces/twitter/stephenmoon/128.jpg"
},
{
"id":6,
"first_name":"Tracey",
"last_name":"Ramos",
"avatar":"https://s3.amazonaws.com/uifaces/faces/twitter/bigmancho/128.jpg"
}
]
}
下面是jQuery 3.3.1代码
$.ajax({
method: 'GET',
url: 'https://reqres.in/api/users?page=2',
success: function(data) {
$.each(data,function(i,data){
$data.append('<li><strong>First Name</strong> : '+ data.first_name+ '</br>'+'<strong>Last Name</strong> : '+ data.last_name +'</li>');
console.log( this.first_name);
});
},
error: function() {
alert('error loading data');
}
$.ajax({
方法:“GET”,
网址:'https://reqres.in/api/users?page=2',
成功:功能(数据){
$。每个(数据,函数(i,数据){
$data.append(“名字”:“+data.First\u Name+”“+”姓氏”:“+data.Last\u Name+” );
console.log(这个名字);
});
},
错误:函数(){
警报(“加载数据时出错”);
}
正如@mojoallgighty在下面所说的,这很好用。Data.Data获取JSON响应的数组
$.each(data.data,function(i,data){
$data.append('<li><strong>First Name</strong> : '+ data.first_name+ '</br>'+'<strong>Last Name</strong> : '+ data.last_name +'</li>');
});
$每个(数据、数据、函数(i、数据){
$data.append(“名字”:“+data.First\u Name+”“+”姓氏”:“+data.Last\u Name+” );
});
尝试类似于$的方法。每个(data.data,function(i,val){});
也要确保Ajax的数据类型是JSON。谢谢@mojoallwighty it works,非常欢迎。