JQuery AJAX自动提交表单_Jquery

JQuery AJAX自动提交表单

jquery

JQuery AJAX自动提交表单,jquery,Jquery,我正在尝试发布一个带有ajax的表单，它工作得很好。。。但当我试图把自动提交的形式，它不工作。。。如果我按提交按钮。。很好。。但是如果我设置interval（“submitform（）；”，5000）；ajax不起作用（我的意思是它会重新加载页面） ajax.js $(document).ready(function(){ $('#form1').submit(function(){ $.ajax({ url : 'inserir.php',

我正在尝试发布一个带有ajax的表单，它工作得很好。。。但当我试图把自动提交的形式，它不工作。。。如果我按提交按钮。。很好。。但是如果我设置interval（“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>


科迪戈：




名称：

window.onload=function（）{
setInterval（“submitform（）；”，5000）；
}
函数submitform（）{document.getElementById（'form1'）.submit（）；}

所以，如果我按下按钮，它工作正常。。。如果我使用自动提交功能，将重新加载页面，而不仅仅是将数据发布到php文件中

谢谢你的帮助

来自MDN

从基于Gecko的应用程序调用此方法时，不会触发表单的onsubmit事件处理程序（例如，onsubmit=“return false；”）。一般来说，HTML用户代理不能保证调用它

您应该将ajax调用分离成一个函数，然后在timeout函数中调用它

$(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);
}

来自MDN

从基于Gecko的应用程序调用此方法时，不会触发表单的onsubmit事件处理程序（例如，onsubmit=“return false；”）。一般来说，HTML用户代理不能保证调用它

您应该将ajax调用分离成一个函数，然后在timeout函数中调用它

$(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);
}