jquery - 使用 jQuery/AJAX 解码 JSON

Question

我正在尝试使用 jQuery 解码 JSON。这是我得到的结果(例如一个类(class)，这里有一名学生):

"{"Students":[{"Name":John,"Grade":17,}],"TotalClass":17,"TotalCount":1,}"

这就是我所做的:

$j.ajax({
    type: 'POST',
    url: 'class.aspx/getClass',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    success: function (msg) {
        $j.each(msg, function (index, element) {
            alert(element.TotalClass);
        });
    },
});

警报中一直显示未定义(但我收到了正确的 JSON)。知道我做错了什么吗？

Answer 1

{"Students":[{"Name":John,"Grade":17,}],"TotalClass":17,"TotalCount":1,}

不是有效的 JSON!

假设您有一个像这样的有效 JSON

{
    "Students": [
        {
            "Name": "John",
            "Grade": "17"
        }
    ],
    "TotalClass": " 17",
    "TotalCount": "1"
}

您可以像这样访问值

alert("TotalClass : "+msg.TotalClass);
//loop thru students
$.each(msg.Students,function(index,item){
   alert(item.Name+ " - "+item.Grade)
}); 

工作示例:http://jsfiddle.net/ncbLF/5/

使用jsonlint验证 JSON

所以你的代码可以简化为

$.getJSON("class.aspx/getClass",function(msg){

    alert("TotalClass : "+msg.TotalClass);
    $.each(msg.Students,function(index,item){
        alert(item.Name+ " - "+item.Grade)
    });
});