使用ajax提交表单时,没有数据返回。如果我不使用ajax提交它,则数据将通过post或get方法返回。
<script>
$("document").ready(function () {
$("#submit").click(function () {
$('#info').submit(function (e) {
e.preventDefault();
$.ajax({
url: "tab-rates.php",
type: "POST",
data: "data",
success: function (data) {
$("#tabs-5").html(data);
},
error: function (jXHR, textStatus, errorThrown) {
alert(errorThrown);
}
}); // AJAX Get Jquery statment
});
}); // Click effect
}); //Begin of Jquery Statement
</script>
<div id=\"tabs-5\">
<form id=\"info\" action=\"\" method=\"POST\">
<select name=\"adults\" id=\"adults\">
<option value=\"1\">1</option>
<option value=\"2\">2</option>
<option value=\"3\">3</option>
<option value=\"4\">4</option>
<option value=\"8\">8</option>
<option value=\"9\">9</option>
<option value=\"10\">10</option>
<option value=\"11\">11</option>
<option value=\"12\">12</option>
</select>
<input type=\"hidden\" name=\"id\" value=\"abc\">
<input type=\"hidden\" name=\"code\" value=\"2141\">
<button id=\"submit\">Submit</button>
</form></div>
我应该改变什么?我想念什么吗?
答案 0 :(得分:1)
按如下所示更改脚本:
<script>
$("document").ready(function () {
$('#info').submit(function (e) {
e.preventDefault();
$.ajax({
url: "tab-rates.php",
dataType: "POST",
data: $( this ).serialize(),
success: function (data) {
$("#tabs-5").html(data);
},
error: function (jXHR, textStatus, errorThrown) {
alert(errorThrown);
}
}); // AJAX Get Jquery statment
});
}); //Begin of Jquery Statement
</script>