美元.getJSON不会将数据保存到全局变量/对象中,这是本地的
$.getJSON is not saving data into global variable/object, which is local there
我有一个文件data .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添加数据到我的变量JSONObject?
$.getJSON('data3.json', function(data) {
JSONObject = data;
$("#jname").html(JSONObject.name);
$("#jage").html(JSONObject.age);
$("#jstreet").html(JSONObject.street);
$("#jphone").html(JSONObject.phone);
});
相关文章:
- 全局变量和全局对象的属性之间有什么区别吗
- 为了避免创建全局变量,可以将所有变量分配给一个对象吗
- jQuery:如何使用文字对象方法中的方法来获取全局变量
- 将对象传递给指令不允许全局变量
- 在 Javascript 中创建全局变量时是否需要指定对象类型
- 从Javascript中的对象方法中访问全局变量
- Javascript全局变量存储在哪个对象中
- jQuery对象、不一致的全局变量和AJAX调用
- 全局变量只是“窗口”对象的属性吗?
- 带有窗口对象的全局变量始终未定义
- 如何将 $.getJSON 对象存储在全局变量中,并在以后浏览它
- 全局变量存储在 Node.JS 中的什么位置?节点中是否有类似窗口的对象
- 基于对象属性修改全局变量
- 如何将值从一个函数传递到另一个具有对象的函数,而无需在 JS 中声明全局变量
- 如何在面向对象的javascript函数中更好地定义全局变量
- 在node.js中共享对象并避免全局变量
- 窗口对象上具有全局变量的包装函数
- Browserify窗口对象没有全局变量
- 将ajax响应对象存储在全局变量中--字段丢失
- 在测试时注入全局变量复制实际对象,需要相同的实例