Php 帮助创建要添加到篮子中的ajax方法

我有以下代码，我想将其转换为静默ajax函数，这样当用户将产品添加到篮子中时，页面就不需要刷新

目前我有以下代码

PHP

HTML表单

---

如何更改此代码，使其发出ajax请求并更新购物车而不刷新页面？

您需要将购物篮显示拆分为另一个文件，以便使用：

$加载

基本用法示例：

$('#ShoppingCart').load('Cart.php', function() {
  alert('Load was performed.');
});

<div id="ShoppingCart"> </div>

编辑：

重新阅读您的帖子，您不希望购物车更新atall吗

在这种情况下，您需要使用$.post

---

请参阅：

我已经回答了JSP/SERVLET的一个问题，这个问题应该通过将URL更改为PHP页面来解决

您需要向Servlet发出XML Http请求，以便在HTML/PHP页面的javascript中生成XML Http对象

var myxmlhttpobj=new GetXmlHttpObject();
function GetXmlHttpObject()
    {
        if (window.XMLHttpRequest)
        {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            return new XMLHttpRequest();
        }
        if (window.ActiveXObject)
        {
            // code for IE6, IE5
            return new ActiveXObject("Microsoft.XMLHTTP");
        }
        return null;
    }

现在需要从javascript向PHP发出请求

var url="urlofPHPpage";
var para="parmeter1=value1&parameter2=valu2;
myxmlhttpobj.open("POST",url,true);
myxmlhttpobj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
myxmlhttpobj.setRequestHeader("Content-length", para.length);
myxmlhttpobj.setRequestHeader("Connection", "close");
myxmlhttpobj.onreadystatechange=ajaxComplete;
myxmlhttpobj.send(para);

在PHP页面，您需要处理结果并将其作为字符串发送回：

当请求返回时，myxmlhttpobj.onreadystatechange=ajaxComplete；将被称为

function ajaxComplete(){


    if(myxmlhttpobj.readyState==4){

      ///Display the result on the HTML/PHP Page BASKET 

    }
}

那应该会有帮助

也来看看

$("#btnAddToBag").click(function () {
                    $('#ShoppingCart').load('Cart.php', function() {
                    alert('Load was performed.');
    });

});

var myxmlhttpobj=new GetXmlHttpObject();
function GetXmlHttpObject()
    {
        if (window.XMLHttpRequest)
        {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            return new XMLHttpRequest();
        }
        if (window.ActiveXObject)
        {
            // code for IE6, IE5
            return new ActiveXObject("Microsoft.XMLHTTP");
        }
        return null;
    }

var url="urlofPHPpage";
var para="parmeter1=value1&parameter2=valu2;
myxmlhttpobj.open("POST",url,true);
myxmlhttpobj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
myxmlhttpobj.setRequestHeader("Content-length", para.length);
myxmlhttpobj.setRequestHeader("Connection", "close");
myxmlhttpobj.onreadystatechange=ajaxComplete;
myxmlhttpobj.send(para);

function ajaxComplete(){


    if(myxmlhttpobj.readyState==4){

      ///Display the result on the HTML/PHP Page BASKET 

    }
}