javascript - 使用ajax将变量字符串从javascript传递到php

Question

如何使用javascript将变量值​​从html页面传递给php？

我在 index.php 中创建了这段代码

$amount = $_GET['pricenumb'];
echo $amount;

这是我的 javascript 代码，用于在单击按钮时调用并将数据发送到 PHP 文件。

<script type="text/javascript">
$(".cell").on("click", "input:checkbox", function () {
    var thiss = $(this);
    var total = $("#price");
    var target = $("label[for='" + thiss.attr("id") + "']");

    var item_value = +(target.html().replace(/[^0-9\.]/g, "") || 0);
    var cur_total = +(total.html().replace("$", "") || 0);

    if (thiss.prop("checked") === true) {
        cur_total += item_value;
    } else {
        cur_total -= item_value;
    };

    total.text("$" + cur_total);

});
</script>   
<script type="text/javascript"> 
$("#pay_btn").on("click", function () {     
    var price = $("#price").text();
    var pricenumb = price.replace(/[^0-9\.]/g, "");
    $.ajax({
        type: "POST",
        url: "forumdisplay.php?fid=2",
        data: "price=" + price + "pricenumb="+ pricenumb,
        cache:false,
        success: function(){
        }
    });
});
    </script>

这是复选框，

<div class="cell">
<div class="form-check"><label for="check-a" class="form-check-label"><input id="check-a" class="form-check-input" type="checkbox">$166<span class="form-check-sign"></span></label>
<div class="mask visible-on-sidebar-regular">Buy Product</div>
</div>
</div>

工作代码是，当我选中复选框时，它会更新 div 内容，我希望当我点击支付按钮时，通过 javascript 获取 div 值并将值发送到我的 index.php

标签： javascriptphpajax

Answer 1

您POST在 ajax 和GETphp 中使用，将您的 ajax 更改为GET. 此外，在您的 ajax 更改中

type: "POST",
url: "forumdisplay.php?fid=2",
data: "price=" + price + "pricenumb="+ pricenumb,

至

type: "GET",
url: "forumdisplay.php",
data: {
     price: price,
     pricenumb: pricenumb,
     fid: 2
}