php - 通过 PHP 文件查询的表单条目和使用 JQuery AJAX 的 PHP 文件的输出结果

Question

这是我的带有两个文本输入的 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 查询连接到数据库并回显结果。关于我可能出错的地方的任何建议。感谢您的帮助!

Answer 1

编辑

您必须将您的 jQuery 代码包装在 domReady 事件处理程序中，如下所示:

$(function() {
    // all your jQuery code goes here!
});

这是一个适用于您现有代码的 fiddle :http://jsfiddle.net/89A2m/