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

时间:2014-11-22 22:53:02

标签: javascript php jquery forms

如果我有这个:



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

		success: function(data) {
		  $('#result').html(data);
		}
	  })        
	  return false;
    });
  })
</script>
&#13;
<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>
&#13;
&#13;
&#13;

哪种方法效果很好,如何在加载页面时提交它?

2 个答案:

答案 0 :(得分:1)

以下是适用于页面加载的解决方案:

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

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

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

 })

答案 1 :(得分:0)

这应该适合你:

(当文件准备就绪时,它会提交表格)

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