ajax接收后台的json list集合数据遍历
时间: 2023-08-16 22:05:25 浏览: 59
假设你的后台返回的 JSON 数据长这样:
```json
[
{
"name": "Tom",
"age": 18,
"sex": "male"
},
{
"name": "Jerry",
"age": 20,
"sex": "female"
},
{
"name": "Bob",
"age": 22,
"sex": "male"
}
]
```
那么你可以使用`$.each()`方法来遍历这个列表:
```javascript
$.ajax({
url: 'your_url',
dataType: 'json',
success: function(data) {
$.each(data, function(index, obj) {
console.log('第' + (index + 1) + '个人的信息:');
console.log('姓名:' + obj.name);
console.log('年龄:' + obj.age);
console.log('性别:' + obj.sex);
});
}
});
```
在`$.each()`方法中,`index`是当前遍历的元素在列表中的索引,而`obj`是当前遍历到的元素对象。在这个例子中,`obj`就是一个人的信息对象,你可以通过`obj.name`、`obj.age`、`obj.sex`来获取这个人的姓名、年龄和性别。
注意,这里假设后台返回的是一个 JSON 数组,如果后台返回的 JSON 对象中包含一个名为`list`的数组,那么你需要把`data`替换成`data.list`,即`$.each(data.list, function(index, obj) {...})`。