jQuery怎么解析Json字符串(Json格式/Json对象)

当我们从前端请求数据时，服务端一般都会返回JSON格式的数据。为方便取出其中的关键数据，我们需要将其解析成JSON对象，并通过jQuery对其进行操作。

1. 解析JSON字符串

当我们接收到服务端返回的JSON格式的字符串时，需要使用JSON.parse()方法将其转换为JSON对象。示例如下：

var jsonStr = '{"name":"张三","age":20}';
var jsonObj = JSON.parse(jsonStr);

console.log(jsonObj.name);  // 输出：张三
console.log(jsonObj.age);  // 输出：20

2. 解析JSON对象

有些情况下，我们可以直接将JSON对象赋值给变量使用。例如，服务端返回了下面的JSON对象：

var jsonObj = {
  "name": "李四",
  "age": 30
};

console.log(jsonObj.name);  // 输出：李四
console.log(jsonObj.age);  // 输出：30

完整攻略

1. 获取服务端返回的JSON格式数据，可以使用jQuery的$.ajax()方法或$.getJSON()方法发送请求。

2. 接收到返回的JSON字符串或JSON对象后，使用JSON.parse()方法解析成JSON对象。

3. 对JSON对象进行操作，例如取出其中的属性或值，修改属性的值等。

下面是使用$.ajax()方法获取JSON数据并解析的示例代码：

$.ajax({
  url: 'http://example.com/getdata',
  dataType: 'json',
  success: function(data) {
    var jsonObj = JSON.parse(data);  // 将JSON字符串解析成JSON对象
    console.log(jsonObj.name);  // 输出：获取到的数据中name的值
  }
});

下面是使用$.getJSON()方法获取JSON数据并解析的示例代码：

$.getJSON('http://example.com/getdata', function(jsonObj) {
  console.log(jsonObj.name);  // 输出：获取到的数据中name的值
});