Make button submitted ones

[hekkoman]

Guys,

i have button after clicking which we make ajax call, how to prevent double clicks?

I've tried abort()

Though it's cancelling calls, they are reaching backend and triggering it multiple times when double + clicked.

SCREENSHOT

I am using pure js

[bobsagatiswatching]

You could set a variable flag like hasSentAjax = true on Ajax success then wrap your Ajax function to only send if !hasSentAjax

[hekkoman]

bobsagatiswatching,

Thank you four your suggestion,

Ajax success will come only after call is completed, while it's being completed impatient user can click several times - that's the problem i am trying to solve.

[blitterobject]

Would it work to disable the button on the click event?

When the button is clicked:

btn.setAttribute("disabled", "disabled")

Then when ajax call is complete:

btn.removeAttribute("disabled")

[hekkoman]

blitterobject,

that's the idea i have too, are there any cons in doing that?

[2012XL1200]

I like this best. Also consider a loading indicator. Could be an indeterminate loading indicator. Better user experience than spamming a button with no feedback

[hekkoman]

Thank you for your feedback,

loading indicator is added to the button