Jquery Multiple Ajax запрос на кнопку Нажмите

Question

я есть кнопка на моей странице

<input type="button" onclick="someFunction()" value="submit"/> 

теперь, когда пользователь нажимает на кнопку функцию JS SomeFunction() выполнить х. В этой функции отправляется запрос на сервер через метод jquery $ .ajax ...

Мне нужно знать, что произойдет, если пользователь повторно нажмет кнопку.

делает JQuery сохранить Que для запроса или прервать-й предыдущий запрос и начать новую ..

если JQuery поддерживать Que то, как можно остановить/прервать их всех.

Любая помощь будет очень полезна.

Answer 1

Да, $ajax делает новый запрос на каждый щелчок (событие огня),

не любой запрос будет купирован/прерванный.

Предложение: отключить 1-й щелчок и включить его после ответа.

Answer 2

Вы можете сохранить запрос Ajax в переменной:

var request = $.ajax({ 
    type: 'POST', 
    url: 'someurl', 
    success: function(result){} 
}); 

Затем вы можете прервать запрос:

request.abort(); 

Если кнопка нажата, вы только должны проверить, если request установлен чтобы убедиться, что только один вызов ajax выполняется сразу.

Answer 3

function someFunction() { 
    if (this.ajaxPending) return; 
    this.ajaxPending = true; 
    $.ajax(...).always(function() { 
     this.ajaxPending = false; 
    }); 
} 

Answer 4

Ваш код должен выглядеть так:

$(document).ready(function(){ 
    js_Codes(); 

    /* The rest of your code that will not reload after ajax request */ 

}); 

$(document).ajaxComplete(function(){ 
    /* Here we call the codes that will reload after your ajax request */ 
    js_Codes(); 
}); 

function js_Codes(){ 

    function clickOpenDialog(){ 
     $('.btOpenDialog').off('click',clickOpenDialog); 
     fn_open_Dialog_Click($(this).prop('alt'), function(){$('.btOpenDialog').on('click',clickOpenDialog);}); 
     return false; 
    }; 

    function fn_Open_Dialog_Click(myString){ 
     var myArray = myString.split(';'); 
     /* whatever u want with your page with a string param array */ 

    }; 

    $('.btOpenDialog').on('click',clickOpenDialog); 
} 

;)