jquery ajaxデータを取得してグローバル変数に設定

Question

JSスクリプトの冒頭で、私はさまざまな機能でページをすべて使用する必要があるPHPファイルからいくつかのグローバル変数を割り当てる必要があります。

HTML私は非同期を使用する必要が上記の方法については

<button onclick="somename()"> CALL FUNCTION </button></div> 

JS

var a, 
    b; 

$.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: {getvar: "getvar"}, 
    success: function(data) { 
     a = data["a"]; 
     b = data["b"]; 
    }, 
    dataType: "json", 
    async: false 
}); 

    console.log(a); 
$(document).ready(function() { 
    console.log(a); 
    console.log(b); 
}); 

function somename() { 
    console.log(a); 
} 

：：偽が、このすでに非推奨とされていない良い解決策理由だから、最初に私はこのようでしたブラウザはフリーズすることができますが、必要に応じて動作します。 ）少なくとも機能somenameの（、

$.post(
    "test.php", 
    {getvar: "getvar"}, 
    function(data) { 
     funget(data);  
    }, 
    "json" 
); 

function funget(param) { 
    $(document).ready(function() { 
     console.log(param["a"]); 
     console.log(param["b"]); 
    }); 

    function somename() { 
     console.log(param["a"]); 
    } 
} 

が、1つの関数で全体のjsスクリプトが同様に良い解決策ではないようです持ついくつか存在することができ動作しません。そこで、私はこのように変更しましたその他の問題。だから、必要に応じて機能し、ソリューションを保存するためには何をすべきか？

Answer 1

ajaxCompleteを使用するか、ajaxコールが完了するのを待ってから進むことができます。

var a, 
b; 

$.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: {getvar: "getvar"}, 
    success: function(data) { 
     a = data["a"]; 
     b = data["b"]; 
    }, 
    dataType: "json" 
}); 

// do "asynchronous" things here 

$.ajaxComplete(function() { 
    // do stuff now that call is complete 
}); 

もう1つの方法は、ajaxメソッドの完全なプロパティを使用することです。

var a, 
b; 

$.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: {getvar: "getvar"}, 
    success: function(data) { 
     a = data["a"]; 
     b = data["b"]; 
    }, 
    complete: function(data) { 
     // do stuff now that call is complete 
    }, 
    dataType: "json" 
}); 

// do "asynchronous" things here 

Answer 2

// we put a and b in global scope 
var a, b; 

// we delay ready event 
$.holdReady(true); 

$.post(
    "test.php", 
    {getvar: "getvar"}, 
    function(data) { 
     funget(data);  
    }, 
    "json" 
); 

var funget = function(param) { 
    // since defined in global scopes, we will be able to access them from everywhere 
    a = param["a"]; 
    b = param["b"]; 

    // we release ready event 
    $.holdReady(false); 
} 

https://api.jquery.com/jquery.holdready/

私はより良く理解するためにあなたの例に近いものを使用。しかし、ajaxリクエストの完全なコールバックが簡単であることは事実です。 holdReadyはこの場合実際には悪いデザインを示唆しています。