我还使用以下方法通过Ajax提交了一个表单(没有实际提交它):

  jQuery.get("process_form.php"+$("#form_id").serialize(), {}, 
    function() {
      alert("Okay!"); 
    });

$("form:first").submit();

看到事件/提交。

你也可以使用jquery表单插件使用ajax提交:

http://malsup.com/jquery/form/

当你有一个现有的表单，现在应该使用jquery - ajax/post现在你可以:

hang onto the submit - event of your form prevent default functionality of submit do your own stuff $(function() { //hang on event of form with id=myform $("#myform").submit(function(e) { //prevent Default functionality e.preventDefault(); //get the action-url of the form var actionurl = e.currentTarget.action; //do your own request an handle the results $.ajax({ url: actionurl, type: 'post', dataType: 'application/json', data: $("#myform").serialize(), success: function(data) { ... do something with the data... } }); }); });

请注意，为了使serialize()函数在上面的示例中工作，所有表单元素都需要定义它们的name属性。

表单示例:

<form id="myform" method="post" action="http://example.com/do_recieve_request">

<input type="text" size="20" value="default value" name="my_input_field">
..
.
</form>

@PtF -在这个例子中，数据是使用POST提交的，所以这意味着你可以通过

 $_POST['dataproperty1'] 

，其中dataproperty1是json中的“变量名”。

如果你使用CodeIgniter，这里是示例语法:

 $pdata = $this->input->post();
 $prop1 = $pdata['prop1'];
 $prop1 = $pdata['prop2'];

注意，在Internet Explorer中，动态创建的表单存在一些问题。这样创建的表单不会在IE(9)中提交:

var form = $('<form method="post" action="/test/Delete/">' +
             '<input type="hidden" name="id" value="' + myid + '"></form>');
$(form).submit();

为了让它在IE中工作，创建表单元素并在提交之前附上它，如下所示:

var form = document.createElement("form");
$(form).attr("action", "/test/Delete")
       .attr("method", "post");
$(form).html('<input type="hidden" name="id" value="' + myid + '" />');
document.body.appendChild(form);
$(form).submit();
document.body.removeChild(form);

像例1那样创建表单，然后附加它将不起作用-在IE9中，它会抛出一个JScript错误DOM异常:

感谢Tommy W @ https://stackoverflow.com/a/6694054/694325

function  form_submit(form_id,filename){
    $.post(filename,$("#"+form_id).serialize(), function(data){
        alert(data);
    });
}

它将通过AJAX在给定的文件名上发布表单数据。