如何在載入頁面和提交表單時提交表單？

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>