清空购物车代码（很奇怪的js,ajax的问题，关于添加到购物车及点击删除的，就类似京东商城的那样）

本文目录

• 很奇怪的js,ajax的问题，关于添加到购物车及点击删除的，就类似京东商城的那样
• 求一个JAVA里用map集合写一个购物车的代码，购物车实现商品的添加，删除，查询和结算，写了半天没
• 以下代码里，怎么样用JS增添一个删除键，删除购物车内对应的商品
• Java使用字符串生成器来保存购物车中的商品信息，并能实现商品信息的添加、删除以及修改等功能

很奇怪的js,ajax的问题，关于添加到购物车及点击删除的，就类似京东商城的那样

初步怀疑你的删除事件绑定有问题：新加入的DOM元素未绑定到事件。这种情况应该使用事件委派来做，你用 jQuery 吗？假设你的购物车列表的 HTML 结构如下：

《ul id="cartList"》
    《li》
        购物车商品1
        《button》删除《/button》
    《/li》
    《li》
        购物车商品2
        《button》删除《/button》
    《/li》
    ……
《/ul》

则删除购物车商品的代码为（用了 jQuery）：

$(’#cartList’).on(’click’, ’button’, function() {  // 委派 button 的点击事件
    $(this).parent().remove();  // 移除购物车里当前商品
});

求一个JAVA里用map集合写一个购物车的代码，购物车实现商品的添加，删除，查询和结算，写了半天没

建一个静态的Map集合 做购物车的集合
key值 放商品的ID value 放 商品对象.
对map 增删改查就好了.. 结算完了 清空map

以下代码里，怎么样用JS增添一个删除键，删除购物车内对应的商品

《!doctype html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《title》Document《/title》
《style》
*{margin:0;padding: 0;}
    #div_id p{width:80px;height:30px;text-align: left;border: 1px solid #000;line-height: 30px;}
    #div_id p button{float:right;height:30px;}
《/style》
《script src = "js/tool.js"》《/script》
    《script》
    window.onload = function(){
var div = document.getElementById("div_id");
    var button = document.getElementsByTagName("button")
        for(var i = 0; i 《 button.length - 1 ;i++){
        button.onclick = function(){
        alert("加入购物车成功");
        var p = document.createElement("p");
        var pContent = document.createTextNode(this.innerHTML);
p.appendChild(pContent);
        div.appendChild(p);
                    var delBtn = document.createElement("button");
                    var delBtnContent = document.createTextNode("x");
delBtn.appendChild(delBtnContent);
p.appendChild(delBtn);
                    delBtn.onclick = function(){
                    div.removeChild(p);
                    }
                    //setCookie("购物",div.innerHTML,getDate(100))
        }
        }
        var isTrue = false;
            var button1 = document.getElementById("button_id")
            button1.onclick = function(){
            if(isTrue == false){
button1.innerHTML ="隐藏购物车"
isTrue = true;
/*if(getCookie("购物") != undefined){
div.innerHTML = getCookie("购物");
}*/
div.style.display = "block";
}else if(isTrue){
button1.innerHTML ="显示购物车"
isTrue = false;
div.style.display = "none";
/*if(getCookie("购物") != undefined){
div.innerHTML = getCookie("购物");
div.style.display = "none";
}*/
}
}
}
    《/script》
《/head》
《body》
《button》商品1《/button》
《button》商品2《/button》
《button》商品3《/button》
《button》商品4《/button》
《button》商品5《/button》《br/》《br/》
《button id = "button_id"》显示购物车《/button》
《div id = "div_id" style="display:none;"》《/div》
《/body》
《/html》

Java使用字符串生成器来保存购物车中的商品信息，并能实现商品信息的添加、删除以及修改等功能

public class Cart {
    public StringBuilder data;
    public float total;
    public Cart(){
        data=new StringBuilder();
    }
    public void buy(Goods g){
        g.gtotal=g.gnum*g.gprice;
        total=total+g.gtotal;
        data.append("[");
        data.append(g.gname+"|");
        data.append(g.gprice+"|");
        data.append(g.gnum+"|");  //还是竖线看着方便
        data.append(g.gtotal);
        data.append("]");
    }
    public void delete(Goods g){
        int s=data.indexOf(g.gname);
        int e=data.indexOf("]", s);
        data.delete(s-1, e+1);
        total=total-g.gtotal;  //删除商品 ，需要修改总额
    }
    public void update(Goods g){
        data.replace(3, 10, "["+g.gname+"|"+g.gprice+"|"+g.gnum+"|"+g.gtotal);
    }
    public void show(){
        System.out.print("总计金额：" + total + "    ") ;
        System.out.println(data);
    }
}
//Excute类里有点小错误，
//总觉得update方法 不对头，你想怎么做？