Js +Cookies 编写简单的购物车

最新推荐文章于 2022-04-05 23:15:49 发布

junjun199017

最新推荐文章于 2022-04-05 23:15:49 发布

阅读量935

点赞数 1

文章标签： cookies class function div button input

前几天给客户整理一个简单的购物车，在网上找了找，用js +cookies 简单、方便，所以分享给大家，

如果你用什么更好的方法，可要发我邮箱674836208@qq.com

// JavaScript Document
//
//var document=

//var path="/"
//计算单个小计
function EveryCount(index) {
    var a = $("#test tr").eq(index).find("td").eq(2).text();
    var b = $("#Num" + index).val();
    var c = parseFloat(a) * parseFloat(b);
    $("#test tr").eq(index).find("td").eq(5).text(c);
    TotalCount();
    updateOrderCookie(); //修改cookies中保存的数量
    WriteOrderInDiv();
}

//计算总计
function TotalCount() {
    var rowscount = $("#test tr").length;
    var sum = 0;
    for (var i = 1; i <= parseInt(rowscount); i++) {
        var littecount = $("#test tr").eq(i).find("td").eq(5).text();
        if (littecount != null && littecount != "NaN" && littecount != "") {
            sum = parseFloat(sum) + parseFloat(littecount);
        }
    }
    $("#total").text(sum);
}
//判断是否存在相同的商品如果相同则加一
function IsRepeat(codes) {
    var rowscount = $("#test tr").length;
    var sum = 0;
    for (var i = 1; i <= (parseInt(rowscount) - 1); i++) {
        var Code = $("#test tr").eq(i).find("td").eq(0).text();

        if (codes == Code) {
            return i;
        }
    }
    return 0;
}
//<--Start--将订单数据写入div
function WriteOrderInDiv() {
    var gwc = "<table id='test' width='100%' cellpadding='0' cellspacing='0' border='1' style=' border-collapse: collapse;' class='list_box' ><tr><td>编号</td><td width='40%'>商品名称</td><td>单价(￥)</td><td>数量</td><td>PV</td><td>小计</td><td>操作</td></tr>";
    var OrderString = unescape(ReadOrderForm('24_OrderForm')); //获取cookies中的购物车信息
    var strs = new Array(); //定义一个数组，用于存储购物车里的每一条信息
    var OneOrder = "";
    strs = OrderString.split("|"); //用|分割出购物车中的每个产品
    for (i = 1; i < strs.length; i++) {
        gwc += "<tr>";
        OneOrder = strs[i].split("&");
        for (a = 0; a < OneOrder.length; a++) {

            if (a != 3) {
                gwc += "<td>";
                gwc += OneOrder[a];
                gwc += "</td>";

            }
            else {
                gwc += "<td id='dd'>";
                gwc += "<input title='填写想购买的数量,请使用合法数字字符' style='width:40px;' id='Num" + i + "' type='text' οnchange='javascript:EveryCount(" + i + ");' value='" + OneOrder[a] + "'>";
                gwc += "</td>";
            }
        }
        gwc += "<td>";
        gwc += OneOrder[2] * OneOrder[3];
        gwc += "</td>";
        gwc += "<td>";
        gwc += " <a href='javascript:void();' onclick ='DelteData(this);'>删除</a>";
        gwc += "</td>";
        gwc += "</tr>";
    }

    gwc += "</table>";
    $("#Cart").html(gwc);
    TotalCount();
}
function DelteData(obj) {
    var $this = $(obj);
    $this.closest("tr").remove();
    TotalCount();
    updateOrderCookie(); //修改cookies中保存的数量
}
//<--End--将订单数据写入div
//--Start--展开/收缩购物车
function show(id) {
    if (document.getElementById(id).style.display == "") {
        document.getElementById(id).style.display = 'none';
    }
    else {
        document.getElementById(id).style.display = '';
    }

}
//<--End--展开/收缩购物车
//<--Start--从cookie中读出订单数据的函数
function ReadOrderForm(name) {
    var cookieString = document.cookie;
    if (cookieString == "") {
        return false;
    }
    else {
        var firstChar, lastChar;
        firstChar = cookieString.indexOf(name);
        if (firstChar != -1) {
            firstChar += name.length + 1;
            lastChar = cookieString.indexOf(';', firstChar);
            if (lastChar == -1) lastChar = cookieString.length;
            return cookieString.substring(firstChar, lastChar);
        }
        else {
            return false;
        }
    }
}
//-->End
//<--Start--添加商品至购物车的函数
function SetOrderForm(item_no, item_name, item_amount, item_price, item_score) {

    var cookieString = document.cookie;
    if (cookieString.length >= 4000) {
        alert("您的订单已满\n请结束此次订单操作后添加新订单！");
    }
    else if (item_amount < 1 || item_amount.indexOf('.') != -1) {
        alert("数量输入错误！");
    }
    else {

    var rowscount = $("#test tr").length;
    var item_detail = "";
    for (var i = 1; i <= parseInt(rowscount); i++) {

        var d = $("#test tr").eq(i).find("td").eq(0).text();
        var e = $("#test tr").eq(i).find("td").eq(1).text();
        var f = $("#test tr").eq(i).find("td").eq(2).text();
        var h = $("#test tr").eq(i).find("td").eq(4).text();
        var g = $("#test tr").eq(i).find("td").find("input[type='text']").val();

        if (d != null && d != "NaN" && d != "" && e != null && e != "NaN" && e != "" && f != null && f != "NaN" && f != "" && g != null && g != "NaN" && g != "" && h != null && h != "NaN" && h != "") {
            item_detail += "|" + d + "&" + e + "&" + f + "&" + g + "&" + h;
        }
    }

    var Then = new Date();
    Then.setTime(Then.getTime() + 30 * 60 * 1000);
    document.cookie = "24_OrderForm=" + escape(item_detail) + ";expires=" + Then.toGMTString();
}
//<--End--订单更新
//<--清空购物车
function clearOrder() {
    var Then = new Date();
    document.cookie = "24_OrderForm='';expires=" + Then.toGMTString();
}

//End js

//Shop_Cart.aspx 代码：

WriteOrderInDiv();
</script>

</div>

junjun199017

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Js +Cookies 编写简单的购物车

前几天给客户整理一个简单的购物车，在网上找了找，用js +cookies 简单、方便，所以分享给大家，如果你用什么更好的方法，可要发我邮箱674836208@qq.com // JavaScript Document////var document=//var path="/"//计算单个小计function EveryCount(index) { var
复制链接

扫一扫