JQuery AJAX форма автоматической отправки

Question

JQuery AJAX форма автоматической отправки

Я пытаюсь опубликовать форму с ajax и она работает нормально... но когда я пытаюсь поставить на автоматическую отправку формы, она не работает... Если я нажимаю кнопку отправки... это нормально.. но если я setInterval("submitform();", 5000); Ajax не работает (я имею в виду, он перезагружает страницу).

ajax.js

$(document).ready(function(){
    $('#form1').submit(function(){
        $.ajax({
            url : 'inserir.php',
            type : 'POST',
            data : $('form').serialize(),
            success: function(data){
                $('#resultado').html(data);
            }
        });
        return false;
    });
})

form.html

<html>
<head>
    <script type="text/javascript" src="ajax.js" ></script>
</head>
<body>
<form id="form1" method="POST">
    Código: <br />
    <input type="text" name="idVeiculo" id="idVeiculo" value="1"/>
    <br /><br />
    Nome: <br />
    <input type="text" name="nome" id="nome" /><input type="submit">
</form>

<div id="resultado"></div>
 <script type="text/javascript">

    window.onload=function(){
    setInterval("submitform();", 5000);
    }
    function submitform(){ document.getElementById('form1').submit(); }

</script>
</body>
</html>

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

Спасибо за любую помощь!

1

jquery

Источник

user2869530 13 окт '13 в 22:07

1 ответ

Решение

Другие вопросы по тегам jquery

user1353011 13 окт '13 в 22:21 2013-10-13 22:21 · Accepted Answer · 2013-10-13 22:21

От MDN

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.submit

Обработчик события onsubmit формы (например, onsubmit="return false;") не будет запускаться при вызове этого метода из приложений на основе Gecko. Как правило, пользовательские агенты HTML не могут вызывать его.

Вы должны разделить вызов ajax на функцию и просто вызвать ее в функции тайм-аута

$(document).ready(function(){
    $('#form1').submit(ajax);
})
function ajax(){
        $.ajax({
            url : 'inserir.php',
            type : 'POST',
            data : $('form').serialize(),
            success: function(data){
                $('#resultado').html(data);
            }
        });
        return false;
}
...
window.onload=function(){
    setInterval(ajax, 5000);
}