AJAXを "get"関数と同期させる/結果を得る方法？

Question

$ .get関数の問題が発生しました。私は$.getが非同期あるのでxyzがnullの結果を警告することを知っている

xyz = null 

    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
    }); 

alert(xyz); 
//some more code using xyz variable 

： urlはJSON

私のコードが含まれています。

xyzはこの機能を使用することができません。

は

Answer 1

本当の答えはNO ですが、あなたはこれを使用することができます。

function useXYZ(){ 
    alert(xyz); 
} 

xyz = null   

$.get('http://www.someurl.com/123=json', function(data) { 
    xyz = data.positions[0].latitude; 
    useXYZ(); 
}); 

Answer 2

getはショートカットです。あなたが使用して、同じですが、同期を行うことができます。

var xyz = null 


$.ajax({ url: 'http://www.someurl.com/123=json', 
     async: false, 
     dataType: 'json', 
     success: function(data) { 
       xyz = data.positions[0].latitude; 
      } 
     }); 


alert(xyz); 

あなたはしかし、AJAX呼び出しの前に xyz変数を宣言する必要があります

。

Answer 3

これはJavascriptの一般的な問題です。 Javascriptコードは継続渡しスタイルで記述する必要があります。その迷惑なものですが、あなたはあまり考えずに変えることができます。

Basicaly、我々は

var x = someSyncFunction(a, b, c); 
//do something with x 
console.log(x); 

のようなものを持っているでしょうたび私たちは、機能が継続関数に戻った後、すべてのコードを作成し、パラメータに変数からのxを回して、非同期コードに変換することができます継続コールバック。

someAsyncFunction(a, b, c, function(x){ 
    //do something with x; 
    console.log(x); 
}); 

あなたは非常に分かりやすいコードを書くことに注意しなければなりません。心に留めておくべき良いトリックは、自分の関数がコールバックを受け取れるようにすることです。これは

var getXyz = function(onResult){ //async functions that return do so via callbacks 
           //you can also another callback for errors (kind of analogous to throw) 
    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
     onResult(xyz); //instead of writing "return xyz", we pass x to the callback explicitely. 
    }); 
}; 

getXyz(function(xyz){ //this would look like "var xyz = getXyz();" if it were sync code instead. 
    console.log('got xyz'); 
}); 

（値を返す通常の同期のヘルパー関数は、異なる機能で使用することができます同じように）彼らは別の関数で使用することができ、ここでのトリックはへの呼び出しに関数からのすべてのreturn文を変更することですコールバック関数。あたかもasync関数が返されなかったかのように考えて、誰かに値を返す唯一の方法は、その値をコールバックに渡すことです。

---

あなたはなぜこれを行うのが簡単でないのかと尋ねるかもしれません。さて、あなたはJavascriptの代わりに別の言語を使用しない限り（あるいは少なくとも同期的なスタイルで非同期コードを書くことができるが、通常のJavaScriptに自動的にコンパイルするものを使用しない限り）