使用xhrGet

Question

道場獲取變量從服務器和存儲數據，我有以下功能：

loadMsgBody: function (id) { 
    return dojo.xhrGet({ 
     url: "myurl", 
     handleAs: "text", 
     content: { 
      id: id 
     }, 
     load: function (response) { 
      return response; 
     }, 
     error: function (response) { 
      alert(response); 
     } 
    }); 
} 

，把它：

var text = ""; 
this.loadMsgBody(this.msgId).then(function (response) { 
    text = response; 
}); 

現在我希望得到函數的返回值但相反，我獲得了一個空的文本值。但是，在Firebug中，我確實看到服務器的響應值正確。我已經搜索並找到這些鏈接：DOJO xhrGet how to use returned json object? 和： Using hitch/deferred with an xhrGet request 但我仍然無法使用上面的代碼獲取和存儲數據。我不想在xhrGet調用中進行操作，我想檢索數據並使用，因爲它將被多次使用。

有什麼我失蹤？

Answer 1

試試這個：

loadMsgBody: function (id, callback) { 
    return dojo.xhrGet({ 
     url: "myurl", 
     handleAs: "text", 
     content: { 
      id: id 
     }, 
     load: function (response) { 
      callback.apply(null,[response]); 
     }, 
     error: function (response) { 
      alert(response); 
     } 
    }); 
} 

然後：

var text = ""; 
this.loadMsgBody(this.msgId, function (response) { 
    text = response; 
    console.log("text:",text); // this will show your return data 

}); 

console.log("text:",text); // this will show empty data because ajax call is asynchrize, at this time , data not return yet. 

setTimeout(function(){ 
    console.log("text:",text); // this will show your return data again because ajax call should have finished after 30000 ms 
},30000) 

Answer 2

Dojo的XHR方法返回類dojo/Deferred的情況下，因爲它們是異步的。這意味着函數在響應值可用之前返回。爲了處理異步響應的結果，您需要等待它返回。 Dojo使用統一的API Deferreds公開這一點。 dojo/Deferred類的實例有一個方法then。方法then將函數作爲參數。該功能將在Deferred解決後執行（在這種情況下，請求完成時）。

var deferred = loadMsgBody(); 
deferred.then(function(response){ 
    //work with response 
}); 

Answer 3

我會試着改變你的load功能，喚起你的callback功能：

loadMsgBody: function (id, callback) { 
    return dojo.xhrGet({ 
     url: "myurl", 
     handleAs: "text", 
     content: { 
      id: id 
     }, 
     load: function (response) { 
      if(callback) { 
       callback(response); 
      } 
     }, 
     error: function (response) { 
      alert(response); 
     } 
    }); 
}