I've recently delved into the world of Ajax and jQuery. Just yesterday, I embarked on creating a simple ajax request for a form that sends a select list value to a PHP script and retrieves data from a database.
Things are going smoothly so far! However, there's a slight hiccup - when I click on the send button, it initiates the request after a 1-second delay. I suspect this issue is related to my interval setup. Each time I press the send button, the request kicks off immediately but also repeats every second to allow for auto-refreshing of new income entries.
Ideally, I would like this interval cycle to happen every second, but the first time I click the button, I want it to load instantly instead of waiting for 1 second.
You can find the code snippet here: http://jsbin.com/qitojawuva/1/edit
$(document).ready(function () {
var interval = 0;
$("#form1").submit(function () {
if (interval === 0) {
interval = setInterval(function () {
var url = "tbladen.php";
var data = $("#form1").serialize();
$.ajax({
type: "POST",
url: url,
data: data,
success: function (data) {
$("#tbladen").html(data);
}
});
}, 1000);
}
return false;
});
});
Thank you!