$.getJSON是异步的。也就是说，调用后的代码在$.getJSON获取和解析数据并调用您的回调时执行。

所以，鉴于此：

a();

$.getJSON("url", function() {
    b();
});

c();

a, b, and的调用顺序c可能是a b c（在本例中是您想要的）或a c b（更可能实际发生）。

解决方案？

同步 XHR 请求

使请求同步而不是异步：

a();

$.ajax({
    async: false,
    url: "url",
    success: function() {
        b();
    }
});

c();

重构代码

将呼叫移动到呼叫c后b：

a();

$.getJSON("url", function() {
    b();

    c();
});

请记住，当您提供回调函数时，重点是将该回调的执行推迟到以后，并立即继续执行下一步。由于浏览器中 JavaScript 的单线程执行模型，这是必要的。强制同步执行是可能的，但它会在整个操作期间挂起浏览器。在 $.getJSON 之类的情况下，浏览器停止响应的时间太长了。

换句话说，您正在尝试找到一种使用这种程序范式的方法：

var foo = {};

$.getJSON("url", function(data) {
  foo = data.property;
});

// Use foo here.

当您需要重构代码以使其更像这样运行时：

$.getJSON("url", function(data) {
  // Do something with data.property here.
});

如果您想让回调函数保持简单，“做某事”可能是对另一个函数的调用。重要的部分是您要等到 $.getJSON 完成后再执行代码。

您甚至可以使用自定义事件，以便您在 $.getJSON 之后放置的代码订阅 IssuesReceived 事件，并在 $.getJSON 回调中引发该事件：

$(document).ready(function() {
  $(document).bind('IssuesReceived', IssuesReceived)

  $.getJSON("url", function(data) {
    $(document).trigger('IssuesReceived', data);
  });
});

function IssuesReceived(evt, data) {
  // Do something with data here.
}

更新：

或者，您可以全局存储数据，并仅使用自定义事件来通知已收到数据和更新全局变量。

$(document).ready(function() {
  $(document).bind('IssuesReceived', IssuesReceived)

  $.getJSON("url", function(data) {
    // I prefer the window.data syntax so that it's obvious
    //  that the variable is global.
    window.data = data;

    $(document).trigger('IssuesReceived');
  });
});

function IssuesReceived(evt) {
  // Do something with window.data here.
  //  (e.g. create the drag 'n drop interface)
}

// Wired up as the "drop" callback handler on 
//  your drag 'n drop UI.
function OnDrop(evt) {
  // Modify window.data accordingly.
}

// Maybe wired up as the click handler for a
//  "Save changes" button.
function SaveChanges() {
  $.post("SaveUrl", window.data);
}

更新 2：

对此的回应：

有谁知道在发生这种情况时我应该如何阻止用户交互？为什么会有这样的担忧？再次感谢所有的答复。

您应该避免使用同步 AJAX 调用阻塞浏览器的原因是被阻塞的 JavaScript 线程也会阻塞浏览器中的所有其他内容，包括其他选项卡甚至其他窗口。这意味着没有滚动，没有导航，什么都没有。出于所有意图和目的，似乎浏览器已经崩溃。可以想象，以这种方式运行的页面对其用户来说是一个很大的麻烦。

也许这项工作，对我有用.. :)

$variable= new array();

$.getJSON("url", function(data){
asignVariable(data);
}

function asignVariable(data){
$variable = data;
}

console.log($variable);

希望对你有帮助.. :)

你可以用Promise来解决这个问题：

var jsonPromise = $.getJSON("url")

jsonPromise.done(function(data) {
    // success
    // do stuff with data
});

jsonPromise.fail(function(reason) {
    // it failed... handle it
});

// other stuff ....

jsonPromise.then(function(data) {
    // do moar stuff with data
    // will perhaps fire instantly, since the deferred may already be resolved.
});

它非常直接，也是一种让异步代码感觉更加必要的可行方法。

“但这是通过页面上的后续交互完成的，我无法预见用户将要在回调中对 JSON 对象做什么。”

回调是您为用户与数据交互设置屏幕的机会。

您可以为用户创建或显示 HTML，并设置更多回调。

大多数时候，您的任何代码都不会运行。对 Ajax 页面进行编程就是考虑哪些事件可能在何时发生。

它是“Ajax”而不是“Sjax”是有原因的。从异步更改为同步很痛苦是有原因的。预计您将执行页面异步操作。

事件驱动的编程起初可能令人沮丧。

我已经在 J​​S 中完成了计算密集型金融算法。即便如此，它也是一样的——你把它分解成小部分，事件是超时。

JavaScript 中的动画也是事件驱动的。事实上，除非您的脚本反复放弃控制，否则浏览器甚至不会显示移动。