XMLHttpRequest no response

Question

私は本当に簡単です：私はJavaScriptサーバーとHTMLクライアントを持っています。そして、HTMLページがそのドロップダウンメニューの1つに追加する文字列をサーバーから取得したいだけです。関連するコードブロックは3つあります。

function stringLoader(){ 
    var xhr = new XMLHttpRequest(); 
    var url = "/pathname"; 

    xhr.open("GET",url); 

    xhr.setRequestHeader("Content-Type", "text/xml"); 

    xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4) { 
     if (xhr.status == 200) { 
     var data = xhr.responseText; 
     } 
    } 
    }; 
    xhr.send(); 

    return data; 
    } 

function loaderCaller(){ 
    var element = document.getElementById("Menu"); 
    //"Menu" is the html <select> box I want to add to 
    var option = document.createElement("option"); 
    option.text = stringLoader(); 
    element.add(option); 
    } 

これらの2つは、クライアントのスクリプトタグ内にあります。私のサーバー内の関連するコードはこれです：私が代わりに変数のリテラル文字列を返すようにstringLoaderを設定している場合）私は（loaderCallerを知っ

function handleRequest(req, res) { 
//process the request 
console.log("Request for: "+req.url); 
var filename = ROOT + req.url; 
var urlObj = url.parse(req.url, true); 


var code = 200; 
var data = ""; 

if(req.method === 'GET' && urlObj.pathname === ("/pathname")){ 
    res.writeHead(code, {'content-type': 'text/html'}); 
    res.send("test"); 
} 

オプションを追加しますので、問題はそれではありません。私はまた、サーバーのif {}が実行されていることを知っています。なぜなら、それをテストするためにいくつかのconsole.log（）呼び出しを入れているからです。

"test"というだけの選択メニューに追加する必要があります。私はこれが答えが盲目的に明らかな問題の一つだと考えています。私を助けてください。このコードは何時間も機能しませんでした。私は非常に死ぬことを望んでいます。

Answer 1

data xhr要求が完了する前に返されています。これをコールバック関数に返すことで回避できます。

function stringLoader(callback){ 
    var xhr = new XMLHttpRequest(); 
    var url = "/pathname"; 

    xhr.open("GET",url); 

    xhr.setRequestHeader("Content-Type", "text/xml"); 

    xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4) { 
     if (xhr.status == 200) { 
      var data = xhr.responseText; 
      callback(data); 
     } 
    } 
    }; 
    xhr.send(); 
} 

function loaderCaller(){ 
    var element = document.getElementById("Menu"); 
    var option = document.createElement("option"); 
    stringLoader(function(data) { 
     option.text = data; 
     element.add(option); 
    }); 
}