jquery - 如何使用 javascript 在 html 中显示 json 数据？

Question

我有 JSON 文件：

{
 "name": "sami",
"desig":"Employee"
 "location": "Pune", 
},
{
 "name": "joshaph",
"desig":"Employee"
 "location": "Delhi", 
},
{
 "name": "mani",
"desig":"Employee"
 "location": "Kolkatha", 
},
{
 "name": "Ravi",
"desig":"Manager"
 "location": "Pune", 
}
{
 "name": "Harthick",
"desig":"Manager"
 "location": "Delhi", 
}

而且，我写了下面的代码来检索 json 文件，

 function fetchDataForJSON(callback) {
        var _url = "myURL";       
        $.ajax({
            url: _url,
            type: "GET",
            cache: false,
            contentType: "application/javascript",
            dataType: "json",
            success: function (data) {
                result = JSON.parse(JSON.stringify(data).replace(/'/g, ''));
                callback(result);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(textStatus);
                console.log(errorThrown);
                console.log(jqXHR.status);
            }
        });
    }
function displayDetails(result){
var jsonObj = { ... }

}

我想在 HTML 页面中显示它。它应该按设计分类。任何人都可以帮助我编写用于显示详细信息的 javascript 代码。

我的结果应该显示在一个 HTML 页面中，在 Employee 类别下是第一个三个成员，在 Manager 类别下是最后三个使用 javaScript 的成员。

Answer 1

你错过了逗号！

{
 "name": "sami",
"desig":"Employee",
 "location": "Pune", 
},
{
 "name": "joshaph",
"desig":"Employee",
 "location": "Delhi", 
},
{
 "name": "mani",
"desig":"Employee",
 "location": "Kolkatha", 
},
{
 "name": "Ravi",
"desig":"Manager",
 "location": "Pune", 
}
{
 "name": "Harthick",
"desig":"Manager",
 "location": "Delhi", 
}



success: function (data) {
                for (var i = 0; i < data.length; i++) {
                var l = data[i];
               $("#....").val(l["name"]);
               $("#....").val(l["desig"]);
               $("#....").val(l["location"]);

                  }
            },