Javascript 使用Ajax和PHP更新购物车

我正在尝试使用Ajax和PHP创建购物车。目前，我在console.log中看到，当我单击“添加购物车”时，选择了正确的产品ID，但当我尝试和var转储应该发送的POST数据时，我的PHP中没有发生任何事情。我需要能够在我的PHP中获得该产品ID，在数据库中搜索该产品，然后将其添加到篮子中

PHP

---

您是否在网络选项卡中检查是否发送了ajax？尝试在

var form\u data=$（this.serialize（）下面执行
console.log（form\u data）

并在控制台中查看

表单数据

字符串中是否有数据。如果没有，请尝试添加

e.preventDefault（）

在

$（“.form item”）.submit（函数（e）{

是否可能是您的PHP代码工作不正常？可能是它在include中崩溃了？请访问apache错误日志进行检查。同时检查您的AJAX是否通过chrome网络选项卡发送到服务器（如上所述）和/或apache访问日志。您还可以在脚本开始时进行回显，以查看是否调用了它（可能是路由问题？）-这也会使您的响应崩溃，因为它不再是JSON。您是否在网络选项卡中检查是否发送了ajax？尝试在

var form\u data=$（此）.serialize（）下面执行
console.log（form\u data）

并在控制台中查看

表单数据

字符串中是否有数据。如果没有，请尝试在

$（“.form item”）下面添加
e.preventDefault（）；
。提交（函数（e）{

是否可能是您的PHP代码工作不正常？可能是它在include中崩溃了，或者其他什么。请访问apache错误日志来检查这一点。还可以检查您的AJAX是否通过chrome网络选项卡发送到服务器（如上所述）和/或apache访问日志。您还可以在脚本开始时进行回显，查看是否调用了它（可能是路由问题？）-这也会使响应崩溃，因为它不再是JSON。

<?php
session_start();

include('classes/class-database-functions.php');

$database = new Database_Functions();

if($_POST) {

    var_dump($_POST);

}
?>

$(document).ready(function(){   
        $(".form-item").submit(function(e){
            var form_data = $(this).serialize();
            var button_content = $(this).find('button[type=submit]');
            button_content.html('Adding...'); //Loading button text 

            $.ajax({ //make ajax request to cart_process.php
                url: "cart_process.php",
                type: "POST",
                dataType:"json", //expect json value from server
                data: form_data
            }).done(function(data){ //on Ajax success
                $("#cart-info").html(data.items); //total items in cart-info element
                button_content.html('Add to Cart'); //reset button text to original text
                alert("Item added to Cart!"); //alert user
                if($(".shopping-cart-box").css("display") == "block"){ //if cart box is still visible
                    $(".cart-box").trigger( "click" ); //trigger click to update the cart box.
                }
            })
            e.preventDefault();
        });
});