ajax接收json数据遍历

首先，通过AJAX请求获取JSON数据：

$.ajax({
  url: 'your_url',
  dataType: 'json',
  success: function(data) {
    // 在这里遍历JSON数据
  }
});

然后，使用`$.each()`方法来遍历JSON数据：

$.each(data, function(key, value) {
  // 在这里操作遍历到的每一个key-value对
});

例如，如果JSON数据长这样：

{
  "name": "Tom",
  "age": 18,
  "sex": "male"
}

那么在`$.each()`方法中，`key`分别是`name`、`age`、`sex`，而`value`则分别是`Tom`、`18`、`male`。

完整的代码如下：

$.ajax({
  url: 'your_url',
  dataType: 'json',
  success: function(data) {
    $.each(data, function(key, value) {
      console.log(key + ': ' + value);
    });
  }
});

相关问题

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

ajax接收后台的json list集合数据遍历 以表格形式展示在jsp页面

假设你要把 AJAX 请求返回的 JSON 数据以表格形式展示在 JSP 页面上，可以先在页面中添加一个表格：

<table id="infoTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

然后，在 AJAX 请求成功后，遍历 JSON 数据，生成表格的每一行：

$.ajax({
  url: 'your_url',
  dataType: 'json',
  success: function(data) {
    var table = $('#infoTable tbody');
    $.each(data, function(index, obj) {
      var tr = $('<tr></tr>');
      tr.append('<td>' + obj.name + '</td>');
      tr.append('<td>' + obj.age + '</td>');
      tr.append('<td>' + obj.sex + '</td>');
      table.append(tr);
    });
  }
});

在每一次`$.each()`遍历时，都动态创建一个`<tr>`元素，然后把人员信息的每个属性都添加到这个`<tr>`元素中，最后把这个`<tr>`元素添加到表格中即可。

注意，这里假设你使用了 jQuery 库，如果没有引入 jQuery 库，可以换成原生 JS 操作 DOM 元素的方式来实现。