Prevent ajax call from firing twice

Question

I have an ajax call

$(\'#button1\').on(\'click\', function(e){
    $.ajax({
      url:  url,
      type: \'POST\',
      async: true,
      dataType: \'json\         


        

Answer 1

I was facing the same issue and it works when I set async: false. Sample code will be like this

$('#button1').on('click', function(e){
    $.ajax({
      url:  url,
      type: 'POST',
      async: false,
      dataType: 'json',
      enctype: 'multipart/form-data',
      cache: false,
      success: function(data){

      },
      error: function(){}
    });
});