我有一个相当简单的表单,其中包含一些复选框、单选按钮和选择框。我想使用 jQuery 的 $.ajax 发布所有选定的表单数据。但由于某种原因,表单并没有被序列化。我不确定是什么原因造成的……(旁注:$('#FormID').submit(..)
对我也不起作用)。所以我用以下代码创建了一个按钮:
$(document).ready(function() {
$('#DoSearchRequest').click(function(event) {
//event.preventDefault(); // read about this somewhere, doesn't help
$('#res').html($('#FormSearch').serialize()); // just some <p> to output the result to
$.ajax({
url: 'http://www.domain.nl/ajax/GetResultsBySearchRequest.php',
data: $('#FormSearch').serialize(),
type: 'POST',
success: function(result) {
console.log(result);
},
error: function(a, b, c) { console.log(a); }
});
return false;
});
});
我的按钮在表单之外(不管它是否在表单中)。
我的表格:
<form name="FormSearch" id="FormSearch" method="post">
... form elements
</form>
我正在使用 jQuery 1.7.1 和 jQueryUI 1.8.18