ajax取出json_ajax返回的json数据怎么取出里面的数据

温馨提示：这篇文章已超过216天没有更新，请注意相关的内容是否还可用！

Ajax是一种在网页上进行异步数据交互的技术，可以通过Ajax从服务器获取JSON格式的数据，并在网页上进行展示或处理。在使用Ajax获取JSON数据后，我们可以通过一些方法来取出JSON数据中的具体内容。

我们需要使用XMLHttpRequest对象或jQuery的ajax方法来发送Ajax请求，并指定返回的数据类型为JSON。示例代码如下：


// 使用XMLHttpRequest对象发送Ajax请求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data.json', true);
xhr.responseType = 'json';
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var jsonData = xhr.response;
    // 在这里处理jsonData中的数据
  }
};
xhr.send();
// 使用jQuery的ajax方法发送Ajax请求
$.ajax({
  url: 'example.com/data.json',
  dataType: 'json',
  success: function(jsonData) {
    // 在这里处理jsonData中的数据
  }
});

接下来，我们可以使用JavaScript的对象和数组的属性和方法来取出JSON数据中的具体内容。示例代码如下：


// 假设JSON数据如下：
var jsonData = {
  "name": "John",
  "age": 25,
  "hobbies": ["reading", "coding", "playing"],
  "address": {
    "city": "New York",
    "country": "USA"
  }
};
// 取出JSON数据中的基本数据类型
var name = jsonData.name; // "John"
var age = jsonData.age; // 25
// 取出JSON数据中的数组
var hobbies = jsonData.hobbies; // ["reading", "coding", "playing"]
var firstHobby = jsonData.hobbies[0]; // "reading"
// 取出JSON数据中的对象
var address = jsonData.address; // {"city": "New York", "country": "USA"}
var city = jsonData.address.city; // "New York"
var country = jsonData.address.country; // "USA"

我们还可以使用循环结构来遍历JSON数据中的数组或对象。示例代码如下：


// 遍历JSON数据中的数组
for (var i = 0; i < jsonData.hobbies.length; i++) {
  var hobby = jsonData.hobbies[i];
  // 在这里处理每个hobby
}
// 遍历JSON数据中的对象
for (var key in jsonData.address) {
  var value = jsonData.address[key];
  // 在这里处理每个属性和属性值
}