php - 单击按钮后运行 PHP 代码但不刷新页面

我有一个 HTML 格式的表单，可以将折扣券应用于当前的购物车。
我希望用户只需点击 APPLY (输入优惠券代码后)，然后不刷新页面，运行一些 PHP 代码，以便计算相应的折扣。

这是我的表格:

<form action="">
   <input type="text" name="couponCode">
   <input type="submit" value="Apply">
</form>

要运行的 PHP:

if (isset($_REQUEST['couponCode']) && $_REQUEST['couponCode']!='')
{
 $couponCode = $_REQUEST['couponCode'];
    if ($couponCode == "TEST1")
    {
    $discount=0.2;
    }
}

这将如何使用 javascript 完成？

最佳答案

您需要使用表单的 onsubmit 事件或按钮的 onclick 事件。

在事件处理程序中，您组装一个 URL 并“获取”它。例如:

<script type="text/JavaScript">

function submitCouponCode()
{
    var textbox = document.getElementById("couponCode");
    var url =
        "https://www.example.com/script.php?couponCode=" + encodeURIComponent(textbox.value);

    // get the URL
    http = new XMLHttpRequest();
    http.open("GET", url, true);
    http.send(null);

    // prevent form from submitting
    return false;
}

</script>

<form action="" onsubmit="return submitCouponCode();">
   <input type="text" id="couponCode">
   <input type="submit" value="Apply">
</form>