绑定解除绑定 onclick 事件不适用于 Ajax

Question

我在使用 JQuery Ajax 绑定和取消绑定 onClick 侦听器时遇到问题。

如何在无法多次点击的点击事件上解除绑定，但如果ajax失败则绑定。 这是我到目前为止所尝试的。

$('#test').on('click', function (e) {  
 e.preventDefault();
 alert('clicked');
 $( "#test" ).off( "click");// works fine,remove on click listner
 // Ajax function
 // done()  // Do nothing.
 // error() // bind it again so it can be clicked.
});

https://jsfiddle.net/khirad1996/4nLdvq9s/2/

Answer 1

您可以在通话过程中禁用按钮，如果出现错误则重新启用！

 const fakeAjax = time => new Promise(r => setTimeout(() => r(Math.random() >.5), time)) const button = document.querySelector('button'); button.addEventListener('click', async function() { this.disabled = true; error = await fakeAjax(1000); this.disabled = error; });

 <button>Ajax Call</button>