ajax响应json字符串和json数组的实例(详解)

下面是“ajax响应json字符串和json数组的实例(详解)”的攻略：

1. 理解何为JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。JSON 是 JavaScript 对象的字符串表示，因此它得名为 JSON。

在 JSON 格式中，数据以名称/值对的形式进行存储，例如：

{
  "姓名": "张三",
  "年龄": 18,
  "性别": "男"
}

2. ajax响应json字符串的实例

当我们在向服务器发出 ajax 请求时，服务器端返回的可能是一个 json 字符串。这时前端就需要对响应的数据进行解析并处理。以下是一个 ajax 请求返回 json 字符串的示例：

$.ajax({
  url: '/api/getInfo',
  success: function(jsonStr) {
    var obj = JSON.parse(jsonStr);
    console.log(obj.name);
    console.log(obj.age);
    console.log(obj.sex);
  }
});

在上述代码中，我们要求服务器返回一个 json 字符串并命名为 jsonStr，之后将该字符串转换为一个对象 obj，然后我们就可以通过 obj.name、obj.age、obj.sex 等属性来进行操作了。

3. ajax响应json数组的实例

除了可以返回 json 字符串外，服务器还可以返回一个 json 数组，接下来我们将介绍一个 ajax 请求返回 json 数组的示例：

$.ajax({
  url: '/api/getUserInfoList',
  success: function(jsonArr) {
    var arr = JSON.parse(jsonArr);
    for (var i = 0; i < arr.length; i++) {
      console.log(arr[i].name);
      console.log(arr[i].age);
      console.log(arr[i].sex);
    }
  }
});

在上述代码中，我们要求服务器返回一个 json 数组并命名为 jsonArr，之后将该数组转换为一个数组 arr，然后我们就可以通过循环对 arr 中的每个元素进行操作了。

总结

通过以上两个实例，我们可以发现：当服务器返回的数据是 json 字符串时，我们需要将其转换为对象来进行操作；当返回的数据是 json 数组时，我们需要将其转换为数组并进行遍历操作。

希望以上攻略可以对你有所帮助。