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对象