Возврат значения из onreadystatechange событий в AJAX

Question

Я пытаюсь присвоить значение переменной val в коде ниже:

var cmdValue = "/cmd/fetch?x="; 
var val; 
var returned_data; 

function what(){ 
    val = update('#TAG#'); 
} 


function update(tag) { 
    var req1 = newXMLHttpRequest(); 
    req1.open("GET",cmdValue + tag, true); 
    req1.send(""); 

    return req1.onreadystatechange= function() { 
     if (req1.readyState == 4 && req1.status == 200) { 
      returned_data = req1.responseText; 
      return returned_data; 
     }else{ 

     } 
    }; 
} 

Я отслеживания переменных в Firebug и получается, что val получает назначен функция. Есть ли способ заставить код работать, а затем присваивать значение переменной val?

Answer 1

В асинхронном программировании вы делать неreturn данные, потому что вы не знаете, когда что данные станут доступными - они асинхронны.

Способ асинхронного программирования использует события и/или обратные вызовы.

Пример:

var cmdValue = "/cmd/fetch?x="; 
var val; 
var returned_data; 
var performSomeAction = function(returned_data) { 
    val = returned_data; 
} 

function what(){ 
    update('#TAG#',performSomeAction); 
} 



function update(tag,callback) { 
    var req1 = newXMLHttpRequest(); 
    req1.open("GET",cmdValue + tag, true); 
    req1.send(""); 

    req1.onreadystatechange= function() { 
     if (req1.readyState == 4 && req1.status == 200) { 
      returned_data = req1.responseText; 
      //fire your callback function 
      callback.apply(this,[returned_data]); 
     }else{ 

     } 
    }; 
} 

Этот вопрос является одним из наиболее часто задаваемых вопросов по SO, по крайней мере, когда речь идет о яваскрипте тега - пожалуйста, поиск подобных вопросов, прежде чем задавать свой собственные.

Answer 2

// should have a space after new or was did u notice it 
var req1 = new XMLHttpRequest(); 

Answer 3

Я делал некоторые исследования и в случае, если кто-нибудь задавался вопросом, это точная проблема:

How do I return the response from an asynchronous call?