関数内でグローバル変数にアクセスできない - jQuery/ajax

Question

ユーザーがログインするときにグローバル変数creditAmountが入力されました。後でその変数をログイン後に呼び出される別の関数で使用したいと思います。この後の機能では、creditAmountの値を使用可能にするにはどうすればよいですか？

creditAmountが定義されており、人口取得する場所これは、次のとおりです。

var creditAmount = ""; 

function getCustomer() { 
    $(function() { 
     $("#anId").submit(function(event){ 
     event.preventDefault(); 
     var form = this; 
     var custEmail = $("anotherId").val(); 
     $.ajax({ 
      url: "/return_customer", 
      data: {email: custEmail}, 
      type: "POST", 
      dataType: "json", 
      complete: function(data) { 
      creditAmount = data.responseJSON; 
      form.submit(); 
      }, 
     }); 
    }); 
}); 
} 

そして、私はcreditAmountを使用する必要があるところ、これは次のとおりです。

function getPendingCredit(){ 
    var modal = $("#fresh-credit-iframe"); 
    modal.load(function(){ 
     $(this).contents().find("#fresh-credit-continue-shopping").click(function(data){ 
     var enteredAmount = +($(modal).contents().find("#pending_credit_amount").val()); 
     console.log(creditAmount); 
     $("#fresh-credit").hide(); 
    }); 
}); 
} 

は最後に、これは私が両方の機能を呼び出す方法ですが、で私がここに行く時間はもう一度空白です

getCustomer(); 

if(creditAmount != ""){ 
    showModal(closeModal); 
    getPendingCredit(creditAmount); 
} 

Answer 1

は遅延を設定したり、約束/コールバックを使用します。 ajaxで送信されるリクエストと、変数を設定するために受信されるレスポンスとの間には、少しの時間差があります。あなたの$.ajax()コールのcomplete関数内...

if(creditAmount != ""){ 
    showModal(closeModal); 
    getPendingCredit(creditAmount); 
} 

：

Answer 2

あなたは、この条件を配置する必要があります。または、ajax呼び出しのcomplete関数から呼び出したグローバルスコープ内の関数の中で実行します。 ajaxからの応答が返される前にそのコードを実行すると、creditAmountは空のままです。

これは、complete関数の全目的です。応答が返されたときにコードを実行することです。

ので、ほとんどの場合、あなたのアヤックスに変更する必要があります。

$.ajax({ 
    url: "/return_customer", 
    data: {email: custEmail}, 
    type: "POST", 
    dataType: "json", 
    complete: function(data) { 
    creditAmount = data.responseJSON; 
    if(creditAmount != ""){ 
     showModal(closeModal); 
     getPendingCredit(creditAmount); 
    } 
    form.submit(); 
    }, 
});