php - 使用 AJAX 将表单数据存储在 PHP 变量中，以修改 MySQL 查询

Question

我正在努力弄清楚如何实现 jquery UI 日期范围表单，该表单将允许根据输入的日期范围修改 MySQL 查询。理想情况下，我想让我的日期范围表单动态引入新的查询数据，而无需重新加载页面。我意识到最好、最简单的方法是使用 AJAX 将表单数据发送到后端 PHP 文件。但是，我对如何使用 AJAX 修改现有查询感到困惑。在我的主前端文件中，我有一个日期范围表单，如下所示:

        <form id="myForm" action="#" method="post" name="myform">
            <input type="text" class = "datepicker" id="txtStartDate" placeholder = "Start Date" style = "width : 85px; margin-left: 10px; margin-top: 1mm;"/>
            <br />
            <input type="text"class = "datepicker" id="txtEndDate" placeholder = "End Date" style = "width : 85px; margin-left: 10px;"/>
            <br />
            <input type = "button" name = "submit" value = "Go" style = "margin-left: 10px;"/>
        </form>

我显然还没有编写 AJAX 函数，但认为这将有助于显示我想要修改以包含日期范围功能的 MySQL 查询。这是设置日期范围变量之前的样子:

SELECT project, participant, reel, machine, qc_gsr, qc_hr, qc_acz, qc_bre 
    FROM rtcdb.session 
    WHERE site = 'ORL001';

这就是我希望 PHP 变量设置日期范围后的样子:

SELECT project, participant, reel, machine, qc_gsr, qc_hr, qc_acz, qc_bre 
    FROM rtcdb.session 
    WHERE site = 'ORL001' 
    AND download_date >= '$start_date' 
    AND download_date <= '$end_date';

总而言之，我想使用 AJAX 将表单日期发送到后端 PHP 脚本，该脚本修改或切换原始文件中的 MySQL 查询用法，以根据设置的日期范围进行选择。非常感谢您查看这个问题并提供您的见解。这对我来说很有值(value)。

Answer 1

$("#myForm").submit(function () { //Ajax event handler on submit
    $.ajax({
        type: "POST",
        data: $(this).serialize(),
        url: "pathToYourScript.php",
        success: function (response) {
            //Warn user everything went okay
        },
        error: function () {
            //Tell there's been an error
        }
    });
});

在 PHP 中，只需检查 $start_date 和 $end_date 是否已设置。如果是肯定的则切换查询(顺便确保使用准备好的语句)。

如果您不需要 Ajax 中的回调，您甚至可以使用 $.post() 方法。您需要的一切都在 docs 中.