простой запрос ajax с интервалом

Question

Недавно я начал изучать Ajax и jQuery. Поэтому вчера я начал программировать простой ajax-запрос для formular, который отправляет значение списка выбора в php-скрипт и что-то считывает из базы данных.

Это работает до сих пор! Но проблема в том, что, когда я нажимаю кнопку отправки, он запускает запрос, через 1 секунду. Я знаю, что это имеет какое-то отношение к моему интервалу. Когда я нажимаю кнопку отправки, я запускаю запрос, и каждую секунду он также запрашивает его, чтобы у меня была возможность автоматически обновлять записи о новых доходах.

Но я хотел бы иметь этот интервал цикла каждую секунду, но в первый раз, когда я нажимаю кнопку, он должен немедленно загружаться, а не через 1 секунду позже.

Вот мой код: 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; 
    }); 


}); 

Спасибо!

Answer 1

Возможно, что-то вроде следующего, что вы ищете.

$(document).ready(function() { 

    var isFirstTime = true; 

    function sendForm() { 
     var url = "tbladen.php"; 
     var data = $("#form1").serialize(); 

     $.ajax({ 
      type: "POST", 
      url: url, 
      data: data, 
      success: function (data) { 
       $("#tbladen").html(data); 
      } 
     }); 

    } 

    $("#form1").submit(function() { 

     if (isFirstTime) { 
      sendForm(); 
      isFirstTime = false; 
     } else { 
      setTimeout(function() { 
       sendForm(); 
      }, 1000); 
     } 
     return false; 
    }); 

}); 

Answer 2

Таким образом, использование setTimeout когда обратный вызов закончил как setInterval просто продолжает работать или не закончил ваш обратный вызов.

$(function() { 

    $("#form1").submit(postData); 

    function postData() { 
     var url = "tbladen.php", 
      data = $("#form1").serialize();   
     $.ajax({ 
      type: "POST", 
      url: url, 
      data: data, 
      success: function (data) { 
       $("#tbladen").html(data); 
       setTimeout(postData, 1000); 
      } 
     }); 
     return false; 
    } 
}); 

Вид related demo