如何在载入页面和提交表单时提交表单？

Question

如果我有这样的：

<script language="javascript"> 
 
    $(document).ready(function() { 
 
    $('#form').submit(function() { 
 
     $.ajax({ 
 
\t  type: 'POST', 
 
\t \t url: $(this).attr('action'), 
 
\t \t data: $(this).serialize(), 
 

 
\t \t success: function(data) { 
 
\t \t $('#result').html(data); 
 
\t \t } 
 
\t })   
 
\t return false; 
 
    }); 
 
    }) 
 
</script>

<form name="form" id="form" method="post" action="results.php"> 
 
<input type="text" name="date" id="date" value="2014-11-22"> 
 
<input name="send" type="submit" value="Submit"> 
 
</form> 
 

 
<div id="result"></div>

这完美的作品，我怎么可以提交它加载页面时？

Answer 1

这里是解决方案，在页面加载的工作原理：

<script language="javascript"> 
$(document).ready(function() { 

    $.ajax({ 
    type: 'POST', 
    url: $('#form').attr('action'), 
    data: $('#form').serialize(), 

    success: function(data) { 
     $('#result').html(data); 
    } 
    })   

}) 

Answer 2

这应该为你工作：

（这是提交的表单时，文档准备好）

$(document).ready(function(){ 
    $("#form").submit(); 
}); 

自动提交表单的使用：

<script language="javascript"> 
    $(function(){ 
     $("form").submit(); 
    }); 
</script> 

（不过可以肯定的你的动作不在同一页！）

编辑：

所以你的脚本应该是这个样子：

<script language="javascript"> 
    $(document).ready(function() { 

     $.ajax({ 
      type: 'POST', 
      url: $(this).attr('action'), 
      data: $(this).serialize(), 

      success: function(data) { 
       $('#result').html(data); 
      } 
     })   


    }) 
</script>