jQuery：等待函數完成繼續處理？

Question

嘿，所有。我看來似乎是一個微不足道的問題。我有以下的JavaScript：

$(function() { 
    var r = GetResults(); 

    for(var i = 0; i < r.length; i++) { 
     // Do stuff with r 
    } 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     return data; 
    }); 
} 

由於這樣的事實，我打電話的方法同步，則​​腳本繼續執行，當它遇到的for循環，r顯然是不會有一個值呢。我的問題是：當我有一個正在執行異步操作的方法，並且依賴於返回到主塊的數據時，如何在數據返回之前暫停執行？類似於：

var r = GetResults(param, function() { 

}); 

其中函數是回調函數。我無法將for循環處理移動到JSON請求的回調函數中，因爲我在整個頁面中多次重複使用GetResults的功能，除非我想複製代碼。有任何想法嗎？

Answer 1

將您的「用r做的東西」塊移到您的$ .getJSON回調中。在交付之前，你不能用r來做任何事情，而你必須使用r的第一個機會在回調中......那麼就這樣做。

$(function() { 
    var r = GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
     return data; 
    }); 
} 

Answer 2

你可以這樣做：

$(function() { 
    PerformCall();   
}); 

function PerformCall() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 
} 

Answer 3

這是不可能的。

要麼你讓你的函數同步，要麼改變代碼的設計以支持異步操作。

Answer 4

移動數據處理步入回調：

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 

     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
} 

Answer 5

阿賈克斯已經給你一個回調，你應該使用它：

function dostuff(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
}; 
$(document).ready(function() { 
    $.getJSON("/controller/method/", null, dostuff); 
}); 

Answer 6

簡短的回答是，你不能阻止在異步操作上......這當然是「異步」的意思。

取而代之，您需要更改代碼以使用回調觸發基於$.getJSON(...)調用返回的數據的操作。像下面這樣的東西應該工作：

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
    }); 
} 

Answer 7

鑑於你更新的要求......

我不能移動的循環處理 成JSON 請求的回調函數，因爲我重用 在整個頁面中GetResults的幾個 時間的功能，除非我想要複製代碼 。有任何想法嗎？

...你可以修改GetResults()接受函數作爲參數，你會再執行爲您$.getJSON回調（空氣碼警告）：

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
}); 

function GetResults(callback) { 
    $.getJSON("/controller/method/", null, callback); 
} 

你可以從一般的看答案的潮流，你最好不要試圖對抗異步jQuery編程模型。:)

Answer 8

你可以有應該很好地工作參數的回調...

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 

}); 

function GetResults(func) { 
    $.getJSON("/controller/method/", null, func); 
} 

Answer 9

我以前碰到類似的事情。你將不得不同步運行ajax調用。

這是我的工作例如：

$.ajax({ 
    type: "POST", 
    url: "/services/GetResources", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: '{resourceFileName:"mapedit",culture:"' + $("#lang-name").val() + '"}', 
    cache: true, 
    async: false, // to set local variable 
    success: function(data) { 
     localizations = data.d; 
    } 
});