购物车

Question

    <ul class="cart_list_tit cart_list_lb"  onmouseover="changecolor(this)" onmouseout="returncolor(this)" >
<li class="one"><a href="#"><img src="images/left_pic01.jpg" width="60" height="60" /></a></li>
        <li class="two">
          <p><a href="#" target="_blank" title="">心花怒蛋糕</a></p>
          <p>芝士口味:芒果圆形 3磅 公仔：小猪</p>
</li>
        <li class="three"><strong>￥<span id="pricep002">105.00</span></strong></li>
        <li class="four"><button type="button" onclick="subtract('p002')">-</button><input type="text" value="1" class="tx" id="p002txt" /><button type="button" onclick="add('p002')">+</button></li>
        <li class="five">￥<span id="p002price">210.00</span></li>
        <li class="six"><a href="#">删除</a> <a href="#">添加附件</a></li>
</ul>小弟是个新手，近期要弄一个购物车的JS，不考虑cookie和ajax。现在模拟我按下增加的按钮，购物车里就增加一条这样的记录（上面的UL）。我是用session储存数据的，现在不懂怎么动态的生成一个这样的UL然后把数据塞进去。动态生成的记录，ID又怎么样分别。希望能帮下忙！！！谢了（代码详细点，还是初学者）

Answer 1

不使用ajax的话 又要用session
那就刷新页面呗  重新读取数据库  然后绘制出来

Answer 2

你的商品id不一样吧，那在增加商品的时候，给ul定义不同的id（用商品ID区别），至于功能的实现，js追加内容到你的购物车div

Answer 3

1楼说的对，不用ajax那就提交页面再刷新吧，这样才能更新服务器端session的值

Answer 4

不是一定要用session ,但要求不连数据库，不使用ajax，所以我才想到session

Answer 5

不是一定要用session ,但要求不连数据库，不使用ajax，所以我才想到session要不就声明个全局变量。数组，存储必要信息。每选择一个物品，就添加到数组。完成购物，就清空数组。

Answer 6

赞同7L购物车主要是在切换不同页面时都还保留着这个信息 其实存session是最合适的 京东点击添加到购物车就跳到新页面  估计就是用类似于这样的效果.

Answer 7

       function createUl() {
            var ul = document.createElement("ul");
            ul.className = "cart_list_tit cart_list_lb";
            ul.onmouseover = function () {
                changecolor(ul);
            }
            ul.onmouseout = function () {
                returncolor(ul);
            }
            var li;
            //----创建第一个li开始
            li=document.createElement("li");
            li.className = "";
            //----创建第一个li内部的元素开始
            var a;
            a=document.createElement("a");
            var img;
            img = document.createElement("img");            img.src = ""; //你从session读出照片路径
            img.width = "60";
            img.height = "60";
            a.appendChild(img);
            //-- --创建第一个li内部的元素结束
            li.appendChild(a);
            //----创建第一个li结束            ul.appendChild(li); //把第一个li加入ul            //照着上面第一个li的方式，以此添加后面的li，但是注意比较价格等数据是从session里面读出来放进去的            //把最后一个li添加完成后，这个时候的ul只在内存中存在
            return ul;
        }
        //需要把新生成的ul加入到div中，也就是ul的父级div中
        //别忘记给这个div加个id
        function addUl() {
            var d1 = document.getElementById("d1");
            var ul = createUl();
            d1.appendChild(ul);
        }