AJAX / javascript：解析包含数组的 JSON

Question

我正在尝试解析我的页面通过 AJAX 响应获得的 JSON 消息，但是它不断抛出以下错误，我不知道为什么：

“SyntaxError: JSON.parse: JSON 数据的数组元素后的预期 ',' 或 ']'”

这是我页面的 javascript 的样子：

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
         var Response = JSON.parse(xhttp.responseText);
    }
}

服务器返回的 JSON 如下所示：

{
    "Error": "",
    "ClientInfo": [{
        "ID": 1,
        "Name": "Bill"
    }, {
        "ID": 2,
        "Name": "Sally"
    }]
}

知道我做错了什么吗？ JSON 验证器说它是有效的 JSON....

Answer 1

更新

正是 Error: 键使解析器将其吐回。请参阅演示。 更新了演示以包含带有 Error: 的 JSON 以比较结果。不幸的是，我不得不注释掉控制台记录了error JSON，因为调试器立即获取了Script error。幸运的是，演示仍然有效，因此您可以在加载后忽略初始错误。

测试 1

1. 首先尝试info 按钮。 [结果：莎莉]
2. 接下来单击error0 按钮。 [结果：莎莉]
3. 然后试试error1 按钮。 [结果：未定义]

所以它似乎可以解析：

1. 删除Error:"" 或
2. 将Error: "" 放在数组中。

测试 2

复制info JSON 然后验证它。 JSONLint

当你使用 JSONLint 时，你必须剥离它：

{
    "ClientInfo": [
        {
            "ID": 1,
            "Name": "Bill"
        },
        {
            "ID": 2,
            "Name": "Sally"
        }
    ]
}

现在复制error JSON 并验证它。

{
    "Error": "",
    "ClientInfo": [{
        "ID": 1,
        "Name": "Bill"
    }, {
        "ID": 2,
        "Name": "Sally"
    }]
}

它们都应该有效，但调试器和解析器拒绝error JSON。

片段

// Prepare JSON
var info =
  '{"ClientInfo": [' +
  '{"ID": 1, "Name": "Bill"},' +
  '{"ID": 2, "Name": "Sally"} ]}';

var error0 =
  '{"ClientInfo": [' +
  '{"ID": 1, "Name": "Bill"},' +
  '{"ID": 2, "Name": "Sally"},' +
  '{"Error": ""} ]}';


var error1 =
  '{"Error": ""},' +
  '{"ClientInfo": [' +
  '{"ID": 1, "Name": "Bill"},' +
  '{"ID": 2, "Name": "Sally"} ]}';


// Create a function that parses JSON Object

function JSONObj(json) {
  var jsonObj = JSON.parse(json);
  return jsonObj;
}

// A function that logs results one at a time so we can compare results

function processLog(result) {
  console.log('Result: ' + result);
}

/* Test info and errors */

var lastClient = JSONObj(info).ClientInfo[1].Name;

var errorA = JSONObj(error0).ClientInfo[1].Name;

var errorB = JSONObj(error1).ClientInfo[1].Name;

<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>

<ol>
  <li>Remove this: <pre><code>"Error": "",</code></pre>
  </li>
  <li>Separate into segments (see script)</li>
  <li>Wrap each segment with single quotes `'`</li>
  <li>Add a `+` after each segment</li>
</ol>

<button onclick="processLog(lastClient);">info</button>
<button onclick="processLog(errorA);">error0</button>
<button onclick="processLog(errorB);">error1</button>

Answer 2

Json 解析器接受 json 字符串并对其进行解析。你已经有一个 json 对象