我有一个文件 data3.json:
{
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"
}
我想使用 JavaScript(和 JQuery)读取此文件并将值存储到对象中。
我有 HTML 文件(同一目录):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JSON Sample</title>
</head>
<body>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
var JSONObject = {};
function add(key, value) {
JSONObject[key] = value;
}
add("name", "John Johnson");
$.getJSON('data3.json', function(data) {
$.each( data, function( key, val ) {
console.log(JSONObject);
console.log(key + ": " + val);
JSONObject[key] = val;
});
});
$("#jname")[0].innerHTML = JSONObject.name;
$("#jage")[0].innerHTML = JSONObject.age;
$("#jstreet")[0].innerHTML = JSONObject.street;
$("#jphone")[0].innerHTML = JSONObject.phone;
</script>
</body>
</html>
在浏览器中我得到:
Name: John Johnson
Age: undefined
Address: undefined
Phone: undefined
在控制台中我得到:
street: Oslo West 555
Object { street="Oslo West 555"}
age: 33
Object { street="Oslo West 555", age=33}
phone: 555 1234567
Object { street="Oslo West 555", age=33, phone="555 1234567"}
我已经测试了使用函数 add(...) 在函数内添加值,效果很好。 在 $.getJSON 内部,变量变成了本地变量...
如何强制 $.getJSON 将数据添加到我的变量 JSONObject?
最佳答案
$.getJSON('data3.json', function(data) {
JSONObject = data;
$("#jname").html(JSONObject.name);
$("#jage").html(JSONObject.age);
$("#jstreet").html(JSONObject.street);
$("#jphone").html(JSONObject.phone);
});
关于javascript - $.getJSON 没有将数据保存到全局变量/对象中,该变量/对象是本地的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24082203/