Как сделать onclick что бы срабатывало один раз?

Question

[mrzgt]

есть функция, как можно поправить что бы при нажатии кнопки отправить(#submit) несколько раз, если подвисает сервер, не отправлялась повторная информация

$(document).ready(function() {
$(document).on("click", '#submit', function() {
$.ajax({
url: '',
type: 'post',
dataType: 'json',
data: $(''),
success: function (data) {
			}
		});
	});
$('.call').bind('click', function(){
$.magnificPopup.open({
items: {
src: ''
},
type: 'ajax'
		});
	});
});

Comments

[Maxim Nepritimov]

Сделайте пример на https://jsfiddle.net/ - наглядно будет видно, что да как.
А по теме вопроса - можно использовать либо one, либо переменную-флаг с проверкой состояние.

Answer 1

[Leo Developer]

$(document).ready(function() {
var clicked = false
$(document).on("click", '#submit', function() {
!clicked && $.ajax({
url: '',
type: 'post',
dataType: 'json',
data: $(''),
success: function (data) {
      }
    });

clicked = true
  });
});

Answer 2

[Islam Ibakaev]

думаю, что при нажатии кнопки submit нужно "отключить кнопку" до тех пор пока не придёт ответ с сервера(не важно success или error), а затем "включить обратно".

Здесь я набросал пример https://jsbin.com/mewibo/edit?js,output

Answer 3

[Никита Кит]

Я просто оставлю это здесь
api.jquery.com/one

Answer 4

[Иван Вишневский]

Если в итоге придётся делать без костылей, то самый простой способ - завести переменную, в которой отображать текущий статус ajax-запроса.