分析JQuery中的JSON响应时出错，javascript

Error in parsing the JSON response in JQuery, javascript

本文关键字：出错 javascript 响应 JQuery 中的 JSON 分析更新时间：2023-09-26

我得到了以下作为JSON响应，但有些索引有像"Employee Id"这样的空格。这就是为什么我无法解析它。有人能建议用JavaScript解析它的方法吗？

{
    "Employees": [
        {
            "Employee": {
                "Employee ID": "777",
                "Short Name": "abc",
                "First name": null,
                "Middle name": null,
                "Last name": null,
                "Designation": "Senior Engineer",
                "Ext-1": null,
                "Ext-2": null,
                "Mobile-1": null,
                "Mobile-2": null,
                "Email": "a.b@gmail.com"
            }
        },
        {
            "Employee": {
                "Employee ID": "888",
                "Short Name": "xyz",
                "First name": null,
                "Middle name": null,
                "Last name": null,
                "Designation": "Test Lead",
                "Ext-1": null,
                "Ext-2": null,
                "Mobile-1": null,
                "Mobile-2": null,
                "Email": "c.d@gmail.com"
            }
        }
    ]
}

我的代码-

 function GetContacts() {
    $.ajax({
        type: "GET",
        contentType: 'application/json; charset=utf-8',
        url: "http://. . . . . .",
        dataType: "json",
        success: function(data) {
            //alert(data.getString("Employee ID"));
            $.each(data, function(i, contactList) {
                alert('First Loop' + i);
                alert('First Loop' + contactList[0]);
                $.each(contactList, function(j, Contact) {
                    //alert('Second Loop'+Contact);
                    var fnalObj = Contact;
                    //alert(fnalObj);
                    //alert(fnalObj.["Employee"]["Employee ID"]);
                    //alert(Employees[j]["Employee"]["Email"]);
                    //alert(Employees[0]["Employee"]["Employee ID"]);
                    alert(fnalObj.Employee.Email);
                    alert(fnalObj.Employee.Designation);
                    alert(fnalObj.Employee.Ext - 1);
                    alert(fnalObj.Employee.Mobile - 1);
                });
            });
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
            alert(textStatus);
        }
    });
}

解析很好。

问题是访问由非数字字符组成的密钥。。如空格、破折号等。

这些属性必须使用类似于的[]表示法来处理

alert(fnalObj.Employee['Employee ID']);
alert(fnalObj.Employee['Ext-1']);

演示位置http://jsfiddle.net/h9sbn/

您不能执行fnalObj.Employee.Ext - 1。正确的方法是fnalObj.Employee['Ext-1']。这是jsFiddlehttp://jsfiddle.net/naryad/VNXa5/1/

当使用fnalObj.Employee.Ext - 1时，它被解析为undefined - 1，然后返回NaN

同样适用于fnalObj.Employee.Mobile - 1

$.each(contactList, function(j, Contact) {
    //alert('Second Loop'+Contact);
    var fnalObj = Contact;
    $.each(finalObj, function (key, value) {
        var newKey = key.replace(/['s]'-/g, '_');
        delete finalObj[key];
        finalObj[newKey] = value;
    });
    //revised alerts here.
});