这是我的html-简单表单，有两个文本输入：
<div id="content">
<div id="options">
<form id="form1">
<table>
<tr>
<td>Date:</td>
<td><input name="date" type="text" id="datepicker" /></td>
</tr>
<tr>
<td>Size:</td>
<td><input name="size" type="text" /></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
</tr>
</table>
</form>
</div>
<div id="result"> </div>
</div>
我正在尝试在提交时获取此表单的结果以查询MySQL数据库"/details.php"，然后将PHP文件的结果输出到DIV"结果"中。 我正在努力将变量传递给 PHP 文件并将结果输出到 DIV。 我知道我必须使用一些JQuery AJAX，但我正在努力让它工作。
这是我当前的 AJAX 脚本：
<script>
$('#form1').submit(function(e) {
e.preventDefault(); // stops form from submitting naturally
$.ajax({
data: $(this).serialize(),
url: '/details.php',
success: function(response) {
$('#result').html(response);
}
});
});
</script>
在我的PHP文件中，我试图通过以下方式获取变量：
$date=$_GET['date'];
$size=$_GET['size'];
然后我使用 SQL 查询连接到数据库并回显结果。 任何关于我可能出错的建议。 感谢您的帮助！
Edit
你必须将你的jQuery代码包装在一个domReady事件处理程序中，如下所示：
$(function() {
// all your jQuery code goes here!
});
下面是一个适用于现有代码的小提琴：http://jsfiddle.net/89A2m/
更改：
<form id="form1">
自
<form id="form1" onsubmit="return false;">
那么你在 jquery ajax 的"成功"中做 JavaScript
在完成任何操作之前尝试在 PHP 文件中添加回显，以确保您进入页面并添加
if (window.console != undefined) {
console.log(response);
}
就在$('#result').html(response);线下，看看 PHP 吐出什么。您还可以添加另一个console.log('whatever')作为$('#form1').submit(function(e) {函数的最后一行，以帮助缩小范围。
尝试使用回调或更改为 POST。
回调：简单的jQuery，PHP和JSONP示例？
使用帖子....HTML
<form id="form1" method="POST">
<table>
<tr>
<td>Date:</td>
<td><input name="date" type="text" id="datepicker" /></td>
</tr>
<tr>
<td>Size:</td>
<td><input name="size" type="text" /></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
</tr>
</table>
</form>
.JS
<script>
$('#form1').submit(function(e) {
e.preventDefault(); // stops form from submitting naturally
$.ajax({
data: $(this).serialize(),
url: 'details.php',
method: 'POST',
success: function(response) {
$('#result').html(response);
}
});
});
</script>
并在您的 PHP 中
$date=$_POST['date'];
$size=$_POST['size'];