javascript - 使用 JavaScript Cookie 的简单购物车

Question

我有以下代码使用 JavaScript 实现简单的练习购物车。有一个结帐链接调用 getcookie() 来检查存储的 cookie 的值。当 cookie 中没有任何内容时，单击链接警报以进行输入。如果没有在输入框中输入任何值并点击“添加到购物车”，则验证完成并发出错误消息。

出于某种原因，cookie 没有从输入字段中获取值。我现在尝试了很长时间，但无法调试代码。最后只显示一个空的警告框。我感谢任何调试。提前致谢。

<script type="text/javascript">
    var value;
    var productID;

    function setItem(abd) {
        value = abd.value;
        productID = abd.getAttribute("productID");
        var intRegex = /^\d+$/;
        var numberOfItems;
        if (!intRegex.test(value) || (value <= 0)) {
            alert('Please Enter valid numberofitem');
        } else {
            numberOfItems = value;
        }
    }
    function getCookie() {
        if (value == undefined) {
            alert("There is nothing in the shopping cart!");
        } else {
            var cookieArray = document.cookie.split(';');
            var printHolder = "";
            for (var i = 0; i < cookieArray.length; ++i) {
                var pairArray = cookieArray[i].split('=');
                alert(pairArray[0]);
            }
            alert(printHolder);
        }
    }
    function setCookie() {
        if (value == undefined) {
            alert("Please add number of items in text box");
        } else {
            document.cookie = productID + "=" + value + "; ";
            alert(value + " Product(s) with id " + productID +
                " has been added to shopping cart!");
        }
    }

</script>
<a href="javascript:getCookie()"> Checkout </a>
<input name="item-select" id="item-select"
       productid="p001"  style="width: 50px" onBlur="setItem(this)" >
<button type="button" onclick="setCookie()">Add to cart.</button>

我想要的结果是这样的!

Answer 1

此代码经过一些更改后运行良好。 我用的是chrome，后来发现

Google Chrome doesn't create cookies when the file is on the local machine and loaded in browser directly using file path.

而是尝试使用 localhost。 当您将代码放入服务器时，它肯定可以正常工作。 Chrome 在这里变得很痛苦!

如果您想使用 Javascript 创建购物车，请点击此链接。 http://www.smashingmagazine.com/2014/02/create-client-side-shopping-cart/