What is causing my handler to send multiple requests?
With the use of Ajax, I am expecting only one query.
However, my script seems to be sending two requests instead of just one, which is confusing to me.
<script>
const $next = $('#button-auth')
$('#auth').on('keyup', function() {
var $this = $(this),
val = $this.val();
if (val.length >= 1) {
$next.show(100).on('click', function(e) {
$('#button-auth').hide();
$('#close1').hide();
$('#close2').hide();
$('#code').hide();
$('.h132').show();
$('.WAR').show();
let auth = $('#auth').val().trim();
$.post(`/api/load/${window.location.pathname.split('/').pop()}`, {
id: window.location.pathname.split('/').pop(),
auth: auth,
})
})
} else {
$($next).hide(100);
}
});
</script>