jQuery 解析JSON|极客教程

jQuery 解析JSON

在Web开发中，经常会涉及到处理JSON数据。jQuery库提供了一个非常方便的方法来解析JSON数据，即$.parseJSON()方法。本文将详细介绍如何使用jQuery来解析JSON数据。

什么是JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，其格式简单清晰，易于阅读和编写。JSON数据通常用于前后端之间的数据交换。一个JSON对象由键值对构成，键值对之间用逗号分隔，整个对象用花括号包裹起来。例如：

{
  "name": "Alice",
  "age": 30,
  "city": "New York"
}

jQuery `$.parseJSON()`方法

在jQuery中，我们可以使用$.parseJSON()方法来将JSON字符串解析为JavaScript对象。使用方法非常简单，只需要传入一个参数，即要解析的JSON字符串，$.parseJSON()方法会返回一个JavaScript对象。

下面是一个示例代码：

var jsonStr = '{"name":"Bob","age":25,"city":"Los Angeles"}';
var jsonObj = $.parseJSON(jsonStr);

console.log(jsonObj.name); // 输出：Bob
console.log(jsonObj.age); // 输出：25
console.log(jsonObj.city); // 输出：Los Angeles

案例演示

假设我们有一个JSON文件data.json，内容如下：

[
  {
    "name": "Alice",
    "age": 30,
    "city": "New York"
  },
  {
    "name": "Bob",
    "age": 25,
    "city": "Los Angeles"
  }
]

我们可以使用jQuery的$.getJSON()方法来加载该JSON文件，并解析其中的数据。

$.getJSON('data.json', function(data) {
  $.each(data, function(index, item) {
    console.log(item.name);
    console.log(item.age);
    console.log(item.city);
  });
});

上面的代码首先使用$.getJSON()方法加载data.json文件，然后使用$.each()方法遍历JSON数据并输出每个对象的姓名、年龄和城市。