商城项目:商品列表ajax加载，ajax加入购物车
Posted symkmk123
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了商城项目:商品列表ajax加载，ajax加入购物车相关的知识，希望对你有一定的参考价值。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductLists.aspx.cs" Inherits="Hidistro.UI.Web.Vshop.ProductLists" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <title>商品列表</title> <link href="../ziyuan/css/css.css" rel="stylesheet" /> <script src="../ziyuan/js/jquery-2.2.4.min.js"></script> <script src="../ziyuan/js/jquery.SuperSlide.2.1.1.js"></script> <script src="../ziyuan/js/main.js"></script> <script src="../Utility/common.js"></script> </head> <body> <header><a href="javascript:History.back(-1);" class="b-back" style="display:none"></a><a href="#" class="b-share"></a><a href="#" class="b-heart"></a></header> <section> <div class="b-top"> <div class="b-logo"> <img src="/ziyuan/images/b-logo.png"></div> <div class="b-name"><span id="sp1"> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </span></div> <div class="b-star border-r"> <span><em></em></span><span><em></em></span><span><em></em></span><span><em></em></span><span></span><i> <%=storeScore%> </i> </div> <div class="b-bas border-r">60分钟送达</div> <div class="b-bas">基础运费6元</div> <br /> <div class="b-score"> <em></em> <span><%=firstraceScore%>%</span> </div> </div> <div class="b-news" style="display:none"> <div class="txtScroll-top"> <div class="hd"> <a class="next"></a> <ul> </ul> <a class="prev"></a><span class="pageState"></span> </div> <div class="bd" > <ul class="infoList"> <li><a href="#">店庆大优惠，回馈新老客户 限时满100-20，先到先得！</a></li> <li><a href="#">店庆大优惠，回馈新老客户 限时满100-20，先到先得！店庆大优惠，回馈新老客户 限时满100-20，先到先得！</a></li> </ul> </div> </div> <script id="jsID" type="text/javascript"> jQuery(".txtScroll-top").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, delayTime: 1000, interTime: 4000 }); </script> </div> <div class="b-search border-b2"> <input id="search1" type="text" placeholder="搜索店内商品"/> </div> <%-- <div class="b-search border-b2"> <input type="text" name="keyWord" id="" value="" placeholder="请输入商品关键字"/> <button id="search1" type="button" value="" ></button> </div>--%> <%-- <script type="text/javascript">function searchs(v) { var url = "ProductList?keyWord=" + v; window.location.href = url; }</script> <form onsubmit="searchs(escape(($(this).find(\':text\').eq(0).val()))); return false;"> <div class="members_con"> <section class="members_search"> <input type="text" name="keyWord" id="" value="" placeholder="请输入商品关键字"> <button type="button" value="" onclick="searchs(escape($($(this).prev()).val()))"></button> </section> </div> </form>--%> <div class="b-tab border-b2"> <ul class="clearfix"> <li class="active border-r2"><a href="#">商品</a></li> <li><a id="aa1">评价</a></li> </ul> </div> <div class="wx_wrap"> <div class="main"> <input type="hidden" id="token" name="weiphp" value="" /> <div class="yScroll1"> <ul class="category1" id="categoryli1"> <%--<li class="cur">干果</li> <li class="">水果 </li> <li class="">蔬菜</li> <li class="">日用品</li> <li class="">家庭用品</li> </ul>--%> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <li class="" id="<%# Eval("CategoryId")%>"><%# Eval("Name")%></li> </ItemTemplate> </asp:Repeater> </ul> </div> <div class="yScroll2Title"></div> <div class="yScroll2 js-yScroll2"> <div class="yScroll2Div" style="padding: 0 0 50px 0;"> <dl class="category2"> <div class="book1" id="goods_list"> <dd> <div class="book1Content js-book1Content1 js-book1ContentBtn" id="ulMsgs"> <%-- <asp:Repeater ID="Repeater2" runat="server"> <ItemTemplate> <div class="ddd" > <div class="book1ConLoop1 border-b2" > <div class="contfl1"><img src="/ziyuan/images/b-img1.png"><div class="img_bg"></div></div> <div class="contCent1 contCent2"> <p class="sketch" id="<%# Eval("ProductId")%>"> <%# Eval("ProductName")%> </p> <p class="text">评价 213条 | 已售 231</p> <p class="price">￥<span class="js-unitCost"> <%# Eval("SalePrice")%></span> <s>/斤</s></p> <p class="scor">首溯评分<i>4.3</Java项目:仿天猫网上商城项目(java+jsp+servlet+mysql+ajax)