求助大佬Ajax实现购物车功能
以下是html代码部分
</div>
<div class="topnav_right fr">
<ul>
<li>您好,欢迎来到京西![<a href="login.html">登录</a>] [<a href="register.html">免费注册</a>] </li>
<li class="line">|</li>
<li>我的订单</li>
<li class="line">|</li>
<li>客户服务</li>
</ul>
</div>
</div>
</div>
<!-- 顶部导航 end -->
<div style="clear:both;"></div>
<!-- 页面头部 start -->
<div class="header w990 bc mt15">
<div class="logo w990">
<h2 class="fl">
<a href="index.html"><img src="images/logo.png" alt="京西商城"></a>
</h2>
<div class="flow fr">
<ul>
<li class="cur">1.我的购物车</li>
<li>2.填写核对订单信息</li>
<li>3.成功提交订单</li>
</ul>
</div>
</div>
</div>
<!-- 页面头部 end -->
<div style="clear:both;"></div>
<!-- 主体部分 start -->
<div class="mycart w990 mt10 bc">
<h2><span>我的购物车</span></h2>
<table>
<thead>
<tr>
<th class="col0"><input type="checkbox" /></th>
<th class="col1">商品名称</th>
<th class="col2">商品信息</th>
<th class="col3">单价</th>
<th class="col4">数量</th>
<th class="col5">小计</th>
<th class="col6">操作</th>
</tr>
</thead>
<tbody id="cartBox">
</tbody>
<tfoot>
<tr>
<td colspan="6">购物金额总计: <strong>¥ <span id="total">0</span></strong></td>
</tr>
</tfoot>
</table>
<div class="cart_btn w990 bc mt10">
<a href="javascript:;" class="continue dels">删除选中商品</a>
<a href="javascript:;" class="checkout">结 算</a>
</div>
</div>
<!-- 主体部分 end -->
<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt15">
<p class="links">
<a href="">关于我们</a> |
<a href="">联系我们</a> |
<a href="">人才招聘</a> |
<a href="">商家入驻</a> |
<a href="">千寻网</a> |
<a href="">奢侈品网</a> |
<a href="">广告服务</a> |
<a href="">移动终端</a> |
<a href="">友情链接</a> |
<a href="">销售联盟</a> |
<a href="">京西论坛</a>
</p>
<p class="copyright">
? 2005-2013 京东网上商城 版权所有,并保留所有权利。 ICP备案证书号:京ICP证070359号
</p>
<p class="auth">
<a href=""><img src="images/xin.png" alt="" /></a>
<a href=""><img src="images/kexin.jpg" alt="" /></a>
<a href=""><img src="images/police.jpg" alt="" /></a>
<a href=""><img src="images/beian.gif" alt="" /></a>
</p>
</div>
<!-- 底部版权 end -->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/template-web.js"></script>
<script src="js/cart.js"></script>
<script type="text/html" id="cartTpl">
{{each data}}
<tr>
<td class="col0"><input type="checkbox" /></td>
<td class="col1">
<a href=""><img src="{{$value.pic}}" alt="" /></a> <strong><a
href="">{{$value.title}}</a></strong></td>
<td class="col2">
<p>{{@ $value.attr}}</p>
</td>
<td class="col3">¥<span>{{$value.price}}</span></td>
<td class="col4">
<a href="javascript:;" class="reduce_num"></a>
<input type="text" name="amount" value="{{$value.num}}" class="amount" data-id="{{$value._id}}" />
<a href="javascript:;" class="add_num"></a>
</td>
<td class="col5">¥<span>{{$value.price*$value.num}}</span></td>
<td class="col6"><a href="" class="delete" data-id="{{$value._id}}">删除</a></td>
</tr>
{{/each}}
</script>