Whileループ内のAjaxがJavascriptでクラッシュする

Question

支払額がゼロより大きい場合、繰り返し実行するwhileループが必要です。しかし、コードを実行するとブラウザがクラッシュします。

var amount = Number($('#payment1').val()); 
while (amount > 0){ 
    $.ajax({ 
     type: "POST", 
     url: baseurl + "collection/getSingleAmort", 
     data: {'contractid':contractID}, 
     success: function(result){ 
      var data = jQuery.parseJSON(result); 
      console.log(data); 
      var amortizationAmount = Number(data['amortization'][i].amortization_amount); 
      amount = amount -amortizationAmount; 
     }, 
     error: function (errorThrown){ 
      //toastr.error('Error!', 'Operation Done'); 
      //console.log(errorThrown); 
     } 
    }); 
} 

Answer 1

async:false

var amount = Number($('#payment1').val()); 
while (amount > 0){ 
    $.ajax({ 
     type: "POST", 
     url: baseurl + "collection/getSingleAmort", 
     data: {'contractid':contractID}, 
     async:false, 
     success: function(result){ 
      var data = jQuery.parseJSON(result); 
      console.log(data); 
      var amortizationAmount = Number(data['amortization'][i].amortization_amount); 
      amount = amount -amortizationAmount; 
     }, 
     error: function (errorThrown){ 
      //toastr.error('Error!', 'Operation Done'); 
      //console.log(errorThrown); 
     } 
    }); 
} 

Answer 2

function xyz(amount){ 
    $.ajax({ 
     type: "POST", 
     url: baseurl + "collection/getSingleAmort", 
     data: {'contractid':contractID}, 
     success: function(result){ 
      var data = jQuery.parseJSON(result); 
      console.log(data); 
      var amortizationAmount = Number(data['amortization'][i].amortization_amount); 
      amount = amount -amortizationAmount; 

      if(amount>0) 
       xyz(amount); 
     }, 
     error: function (errorThrown){ 
      //toastr.error('Error!', 'Operation Done'); 
      //console.log(errorThrown); 
     } 
    }); 
} 

var amount = Number($('#payment1').val()); 
xyz(amount); 

このような何かを試してみてください。ループの代わりに再帰が使用されます。