javascript - 如何强制同步 $.get 调用将文件内容加载到变量中？

Question

我明白怎么做$.get()异步获取。但是我怎样才能强制同步调用呢？

我需要从 json 文件加载的首选项，以便在整个应用程序的许多 javascript 调用中使用。如何将这些首选项加载到 DOM 中，而不是加载到应用程序其余部分中使用的变量中？

以下是它异步工作的方式:

$.get('my.json',function(data) { var myJson = data; });
console.log(myJson); // undefined
$('.myElement').html(myJson.title); // this will asynchronously load the contents of myJson.title into `.myElement`

我读到我应该尝试:

$.get('my.json',WrapperFunction(data));
WrapperFunction(data) {
    // do all of your javascript calls here
}
console.log(myJson); // undefined

还有其他在 get 完成之前不要继续的想法吗？

Answer 1

1. 您需要在函数作用域之外声明 myJson var function(data) { var myJson = data; }); 否则其他函数将看不到它。

   var myJson; $.get(...);

2. 同步 ajax 调用很糟糕。你不需要那个。您所需要的只是当数据可用时通知应用程序的其他部分。

var myJson;
$.get('url.json', function(data){
    myJson = data;
    dataIsAvailable();
});

function dataIsAvailable() {
 ... you can use myJson here
}