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

如果我有这个：

$（文档）.ready（函数（）{
$（'#form'）。提交（函数（）{
$.ajax({
键入：“POST”，
url:$（this.attr（'action'），
数据：$（this）.serialize（），
成功：功能（数据）{
$（'#result'）.html（数据）；
}
})        
返回false；
});
})

---

这应该适合您：

（文件准备好后提交表单）

要自动提交表单，请使用：

<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>

$（文档）.ready（函数（）{
$.ajax({
键入：“POST”，
url:$（this.attr（'action'），
数据：$（this）.serialize（），
成功：功能（数据）{
$（'#result'）.html（数据）；
}
})        
})

以下是一种可用于页面加载的解决方案：

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

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

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

 })

$（文档）.ready（函数（）{
$.ajax({
键入：“POST”，
url:$（'#form'）.attr（'action'），
数据：$（'#form'）。序列化（），
成功：功能（数据）{
$（'#result'）.html（数据）；
}
})        
})

---

您的问题/问题是什么？谢谢，但它只是加载results.php页面，而不是将其加载到@Luis Ah中。您想在页面加载中提交表单并将结果放入div中吗？正是这样，（按下按钮效果很好），并且还想在页面加载中实现这一点。它加载相同的页面（操作与表单不同）现在，当我按下按钮时，它不起作用…@Luis，因此您希望它直接指向结果页，并将表单插入div？（如果是，您希望看到2个表单还是1个表单？）这一个可以在页面加载时使用，但当我点击按钮时，它就不起作用了。您可以在“可在按钮上使用的代码”下添加此代码，这两个选项都可以使用

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

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

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

 })