ajax中json取值

在前端开发中，经常需要从后台获取数据并进行展示。常用的一种方式是使用ajax进行异步数据请求，在响应数据中通常会使用json格式来返回数据，因此在使用ajax时需要对json的取值进行了解。

var xhr = new XMLHttpRequest();
xhr.open('GET','/api/data',true);
xhr.onload = function() {
  if(xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data.name);//获取json中name属性的值
  }
};
xhr.send();

上述代码是ajax获取数据的简单示例，其中响应数据以json格式返回。在获取到数据后，我们可以使用JSON对象的parse方法将json格式的字符串转换成对象，从而方便取值。

对于取值操作，json对象中属性的名字应该使用点标记访问，例如data.name表示获取json数据中的name属性值。如果属性名带有特殊字符或者数字，应使用中括号标记访问，例如data['user name']表示获取json数据中user name属性的值。

var data = { user name: 'John','age': 20 };
console.log(data['user name']); // 'John'
console.log(data.age); // 20

以上就是关于ajax中json取值的简单介绍，希望对读者有所帮助。