Question

我有这个表单，我希望在页面加载时提交。

我的jQuery代码目前如下：

<script> 
    // wait for the DOM to be loaded 
    $(document).ready(function() { 
      document.getElementById('form1').submit();
    }); 
</script>

我已经尝试过提交表单的ajax表单插件（http://malsup.com/jquery/form/），但我不知道如何在页面加载时使用它：

  <script> 
    // wait for the DOM to be loaded 
    $(document).ready(function() { 
        $('#form1').ajaxForm(function() { 
            alert("Thank You"); 
        }); 
    }); 
</script>

帮助！

我只想在页面加载后提交form1，插件看起来是我最好的选择，但我不知道如何让它在页面加载时工作

Answer 1

试试这个

$(document).ready(function() { 
    $('#btnSubmit').click(); //assuming this is your submit button
});

我希望它可以帮到你。

Answer 2

我希望这会做你想做的事情:)。

jQuery(document).ready(function(){

  // #1 get the data to submit
  var jInput;
  var oData  = {};
  var aInput = jQuery('#form1 input');
  var i      = aInput.length;
  while ( --i !== -1 ) {
    jInput = jQuery( aInput[i] );
    oData[ jInput.attr('id') ] = jInput.val();
    console.log( jInput.val() );
  }

  // #2 submit data via ajax (method == 'post')
  // without response
  jQuery.post( 'url-to-send-ajax-request-to.php', oData );

  // with response
  jQuery.post( 'url-to-send-ajax-request-to.php', oData, function( sResponse ){
    alert( sResponse ); // would be the output of the file you sent your ajax request to
    alert('Thank You');
  });

});

PHP文件（'url-to-send-ajax-request-to.php'）：

print_r( $_POST );

在页面加载时提交带有ajax的表单

2 个答案: