为什么我们需要serialize 方法。它附加了表单数据，但http get 也是如此，那我们为什么需要它呢？
The serialize() method creates a URL encoded text string by serializing form values.
我为什么要使用它。如果我了解它的正确用法，我将学习在我的表单中使用它的更好做法。
【问题讨论】：
标签： jquery ajax forms web-applications
在发出 AJAX 请求时，可以在 URL 查询字符串中使用序列化值。
信息取自W3 Schools
与使用 jQuery 获取表单中的所有值然后提交到外部页面不同，.serialize() 会自动为您完成。因此，在您的外部页面中，您可以通过 URL 获取您需要的内容并随意操作它
例子是：
你有这样的表格：
<form action="#" id="input_form">
first name: <input type="text" name="first name" /><br />
last name: <input type="text" name="last name" /><br />
email: <input type="text" name="email" /><br />
<input type="submit" value="send" name="submit" />
</form>
您可以像这样使用 AJAX 请求：
$(document).ready(function(){
$("#input_form").submit(function(){
var first name = $('input[name=first name]').val();
var last name = $('input[name=last name]').val();
var email = $('input[name=email]').val();
var querystring = "first name="+first name+"&last name="+last name+"&email="+email;
$.ajax({
url: 'elaboration.php',
type: "POST",
data: querystring,
success: function(data) {
//code to execute
}
});
return false;
});
});
不要这样做：
var first name = $('input[name=first name]').val();
var last name = $('input[name=last name]').val();
var email = $('input[name=email]').val();
var querystring = "first name="+first name+"&last name="+last name+"&email="+email;
您可以使用 .serialize() 来代替：
var querystring = $(this).serialize();
.serialize() 从本质上为您节省了一些时间和精力来获取表单中的每个值。
【讨论】：