Javascript ajax请求接口返回list对象遍历

假设你已经通过 Ajax 请求获取到了一个返回列表对象的接口数据，接下来可以使用 JavaScript 的 `forEach` 函数遍历该列表对象。

假设接口返回的数据是以下格式：

const response = {
  success: true,
  data: [
    { id: 1, name: 'apple' },
    { id: 2, name: 'banana' },
    { id: 3, name: 'orange' }
  ]
};

可以使用以下方法遍历这个列表对象：

const dataList = response.data;

dataList.forEach(item => {
  console.log(item.id, item.name);
});

输出结果为：

1 apple
2 banana
3 orange

这样就可以遍历接口返回的列表对象了。

相关问题

用ajax请求springboot后台，定时请求，然后需要把请求返回来的数据遍历

首先，在前端页面中定义一个定时器，定时向后台发送Ajax请求，可以使用jQuery库中的`$.ajax()`方法实现：

// 定时器，每5秒钟向后台请求数据
setInterval(function() {
  $.ajax({
    url: '/getData', // 后台接口的URL
    type: 'GET', // 请求方式
    dataType: 'json', // 返回的数据类型
    success: function(data) {
      // 处理返回的数据，遍历打印
      $.each(data, function(index, item) {
        console.log(item);
      });
    },
    error: function(xhr, status, errorThrown) {
      console.error(status + "：" + errorThrown);
    }
  });
}, 5000);

接着，在后台Spring Boot应用中定义一个接口，用于处理前端的Ajax请求，并返回数据：

@RestController
public class DataController {

  @GetMapping("/getData")
  public List<Data> getData() {
    // 处理数据逻辑，返回数据
    List<Data> dataList = new ArrayList<>();
    // ...
    return dataList;
  }

}

其中，`Data`是一个JavaBean，可以根据实际情况进行定义。当前端向`/getData`接口发送请求时，后台会返回一个`List<Data>`类型的数据，前端通过遍历这个数据来处理展示。

ajax接收后台的json list集合数据遍历

假设你的后台返回的 JSON 数据长这样：

[
  {
    "name": "Tom",
    "age": 18,
    "sex": "male"
  },
  {
    "name": "Jerry",
    "age": 20,
    "sex": "female"
  },
  {
    "name": "Bob",
    "age": 22,
    "sex": "male"
  }
]

那么你可以使用`$.each()`方法来遍历这个列表：

$.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) {...})`。