[英]JavaScript get data from json to a global variable
function test(){
$.getJSON( "notebook-json-data.php", function( data ) {
var myData = data;
});
}
在我的函数中我得到了json对象,但我想从其函数范围的外侧访问myData
变量。
我试过在函数外设置var myData
但没有运气.. :(
我不熟悉JSON,我需要解析吗?
如何将此变量设置为全局?
请帮忙...
不要尝试将myData
设置为全局变量 - 因为getJSON
是异步的,所以它不起作用。 要么使用承诺 :
function test() {
return $.getJSON('notebook-json-data.php');
}
$.when(test()).then(function (data) {
console.log(data);
});
或者回调:
function test(callback) {
$.getJSON('notebook-json-data.php', function (data) {
callback(data);
});
}
test(function (data) {
console.log(data);
});
编辑
由于您希望在代码的其他区域中使用数据,因此请使用闭包创建一个环境,使您的变量不会泄漏到全局空间中。 例如,使用回调:
(function () {
var myData;
function test(callback) {
$.getJSON('notebook-json-data.php', function (data) {
callback(data);
});
}
test(function (data) {
myData = data;
autoPopulate('field', 'id');
});
function autoPopulate(field, id) {
console.log(myData);
}
});
myData
被缓存为特定于该闭包的全局变量。 请注意,其他函数只有在回调完成后才能使用该变量。
而不是创建全局变量,最好在“完成”上调用回调,如下所示:
$.getJSON( "example.json", function(data) {
console.log( "json loaded" );
foo(data);
})
.done(function() {
console.log("");
foo1(data);
});
有关更多信息,请参阅getJSON API 。
问题是getJSON是异步的,所以当getJSON处理数据时,代码的执行仍在继续。
function test(a){
$.getJSON( "notebook-json-data.php", function( data ) {
a = data;
}
}
var main = function() {
var a;
test(a); /* asynchronous */
console.log(a); /* here, json could be hasn't already finish, most likely, so print 'undefined'
}
您可以使用回调以便从成功块中获取数据
function test(callback){
$.getJSON( "notebook-json-data.php", function( data ) {
callback(data);
}
}
test(function(data){
//Use your data here
});
声明一个全局json对象
var APP = APP || {}
现在,您可以使用动态数据设置该对象
APP.myData = data;
您可以在js文件中的任何位置获取此信息。 通过使用
APP.myData
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.