将解析后的 JSON 保存为 obj

Question

第一个问题，我正在尝试解析存储在我的虚拟主机上的同一文件目录中的 JSON 文件，作为运行 javascript 来解析它的 html 文件，我添加了一个 console.log 来调试和确认该文件被“get”捕获以确保我能够通过使用jquery getJSON“获取”文件，在回调中我尝试创建一个将全局变量重新定义为对象的函数包含解析的数据，但是当我尝试将其注入 document.getElemendtById('example').innerhtml = tgmindex.ToughGuys[1].name;

它返回一个错误“Uncaught TypeError: Cannot read property '1' of undefined”

这是我的 js/jquery

var tgmIndex;
$(document).ready(function () {
$.getJSON("http://webspace.ocad.ca/~wk12ml/test.json",function(data){  
    console.log( "success" );
    
tgmIndex =$.parseJSON;   
    
document.getElementById('tgm1').innerHTML= tgmIndex.ToughGuys[1].name; 
});
});

这是 JSON 中包含的内容（我确保先尝试 linting 它，这是一个有效的 json）

{"ToughGuys":[ {"name":"Ivan", "position":"Executive"}, {"name":"Little Johnny", "position":"Intern"}, {"name":"Beige Cathy", "position":"Executive"}, {"name":"Stan", "position":" original Intern"} ]}

Answer 1

您将 tgmIndex 设置为 parseJson 函数。

应该是tgmIndex =$.parseJSON(data);

Answer 2

大概您的服务正在返回application/json。因此data 已经包含了json。

tgmIndex = data;

那么...“Tough Guys”是您应该索引的内容。不是“硬汉”

您的示例 JSON 在您的问题中是错误的。如果我去

http://webspace.ocad.ca/~wk12ml/test.json

我明白了：

{"Tough Guys":[
    {"name":"Ivan", "position":"Executive"},
    {"name":"Little Johnny", "position":"Intern"},
    {"name":"Beige Cathy", "position":"Executive"},
    {"name":"Stan", "position":"Intern 0"}
]}

请参阅"Tough Guys" 你的问题。

document.getElementById('tgm1').innerHTML= tgmIndex['Tough Guys'][1].name;

如果 data 出于某种原因不是 JSON：

tgmIndex = $.parseJSON(data);