通过jquery/ajax传递数据在表单提交

Question

我想提交一个使用jquery/ajax约10输入的表单，但我不知道如何通过数据参数传递数据给它ajax.should我序列化他们？

Answer 1

的jQuery.serialize可以对你有所帮助。对于要提交的表单的所有字段，使用name属性非常重要。相应的代码可以大约如下：

$("form#myFormId").submit(function() { 
    var mydata = $("form#myFormId").serialize(); 
    console.log(mydata); // it's only for test 
    $.ajax({ 
     type: "POST", 
     url: "myUrlToPostData.php", 
     data: mydata, 
     success: function(response, textStatus, xhr) { 
      console.log("success"); 
     }, 
     error: function(xhr, textStatus, errorThrown) { 
      console.log("error"); 
     } 
    }); 
    return false; 
}); 

Answer 2

$.ajax({ 
type: "POST", 
url: "handle.php", 
data: "n="+name+"&e="+email, 
success: function() { 
alert('It worked'); 
} 
}); 

以下是使用它的最简单方法。这只会将两个post变量$ _POST ['n']和$ _POST ['e']发送到handle.php。您的形式是这样的，如果你的AJAX是一个函数调用send（）：

<form id="form" onsubmit="send(this.name.value, this.email.value); return false;">