Jquery ajax düğmesi tıklama olayı iki kez mi ateşleniyor?

Question

Ben bir düzenleme seçeneği ile çalışanların listesini gösteren bir Çalışan sayfası vardır. düzenle düğmesine jquery-ajax tıklayarak Açık sunucudan veri almak için kullanılır. Ben olay iki kez ateş ediyor düzenle düğmesini tıkladığında sorunudur. i ayrı js dosyasına taşınana kadar ben ayrı js dosyası kullanıyorum ve ana page.The komut dosyası söz ediyor

iyi çalışıyordu.

jQuery komut iki kez $.ajax diyoruz

//ajaxGet on edit button click 
$(document).on('click', '.editRole', ajaxGet); 

var ajaxGet = function (e) {  


    var spinner = $(this).parent('div').find('.spinner'); 
    var href = $("#editMenuSettings").data("url"); 
    var menuRoleId = $(this).data('id'); 

    spinner.toggle(true); 

    var options = { 
     type: "GET", 
     url: href, 
     data: { menuRoleId: menuRoleId } 
    }; 

    $.ajax(options).success(function (data) { 
     spinner.toggle(false); 
     $(".modal-body").html(data); 
     $(".modal").modal({ 
      backdrop: 'static' 
     }); 
    }); 

    $.ajax(options).error(function (data) { 
     spinner.toggle(false); 
     toastr.error("Oops..Some thing gone wrong"); 
    }); 

    return false; 

}; 

Answer 1

olduğunu. hatlar

$.ajax(options).success(function(data)... 

$.ajax(options).error(function(data)... 

At

aslında iki farklı AJAX çağrıları yapmak - Bir error geri arama ile sadece başka bir geri arama success ile. Senin durumunda

, aramanız aşağıdaki gibi görünmelidir:

var options = { 
    type: "GET", 
    url: href, 
    data: { menuRoleId: menuRoleId } 
}; 

$.ajax(options) 
    .success(function (data) { 
     spinner.toggle(false); 
     $(".modal-body").html(data); 
     $(".modal").modal({ 
      backdrop: 'static' 
     }); 
    }) 
    .error(function (data) { 
     spinner.toggle(false); 
     toastr.error("Oops..Some thing gone wrong"); 
    }); 

return false; 

O tek AJAX çağrısına hem geri aramalar ayarlayabilir ve bu bir çalıştırır.