码迷，mamicode.com
首页 > 其他好文 > 详细

leancloud存储，cookie缓存，实现简单实验调查购物车

时间：2018-07-24 10:19:24      阅读：337      评论：0      收藏：0      [点我收藏+]

标签：input   设置   getc   红点   设定   end   func   一个   产品   

主页，欢迎页

  <!DOCTYPE HTML>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank" />
  <title>模拟购物实验</title>
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/base.css">
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/index.css">
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/fontSize.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/jquery-1.10.2.min.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-mini-0.6.4.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-core-mini-0.6.4.js"></script>
  </head>
  <body>
  <div class="title">模拟购物实验</div>
  <div class="desc">
  <p> 亲爱的朋友，您好！非常感谢您抽出宝贵的时间来参与我们的模拟购物实验，本次实验将花费大约3-5分钟的时间。</p>
  </div>
  <div class="ruleHead">
  <p><img src="//image.buslive.cn/awjdc_1222/images/logo.png" ><span>实验说明</span></p>
  </div>
  <div class="desc">
  <p>1.<em>购买产品前</em>,请您仔细阅读购买任务内容，当您确定已经完全清晰需要进行的购买任务后，点击“开始购物”按钮就可以开始购买啦
  </p>
  </div>
  <div class="desc">
  <p>2.<em>购买过程中</em>,请您认真浏览购买界面的产品，并将您中意的产品放入购物车内，点击“结算”按钮则视为购买成功
  </p>
  </div>
  <div class="desc">
  <p>3.<em>购买任务结束后</em>,请您帮助我们回答四个问题，点击“提交”按钮则本次模拟购物实验即为结束。
   
  </p>
  </div>
  <div id="text"></div>
  <div class="nobuy buyBtnToo">
  <a href="javascript:void(0)">开始购物<em class="times"></em></a>
  </div>
   
  </body>
  <script>
  //设定倒数秒数
  var t = 10;
   
  function showTime(){
  $(".times").html(t);
  if(t==0){
  $(".nobuy").addClass("toBuyBtn");
  $(".nobuy a").css("background-color","#ff5a11");
  $(".times").html("");
  clearInterval(timesInterval);
  }
  t -= 1;
  }
   
  timesInterval = setInterval("showTime()",1000);
   
   
  //随机情景
  function mrc() {
  butong_net = [
  {‘type‘:1,‘value‘:"<h3>购物情景:</h3>　　部门打算举办一个小型的年会party，您作为部门的采购人员负责购买年会幸运奖奖品。部门有男、女同事不等，<em>您需要购买至少5个不同的鼠标</em>作为本次活动的幸运奖品，具体购买内容则由您自己决定。"},
  {‘type‘:2,‘value‘:"<h3>购物情景:</h3>　　为了丰富同学们的课余生活，班级成立了图书角，您作为班长负责购买一些图书，班级里有男生、女生不等，<em>要求至少购买5本不同的图书</em>，具体购买内容则由您自己决定。"}
  ];
  butong_net2 = Math.floor(Math.random() * butong_net.length);
  $("#text").html(butong_net[butong_net2].value);
   
  }
  mrc();
   
  function skip(){
  if(butong_net[butong_net2].type==1){
  location.href="mouse.html";
  }else{
  location.href="book.html";
  }
  }
   
  </script>
  <script>
   
  //存 取cookie
  function getCookie(name) {
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
   
  if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
  else
  return null;
  }
   
  //设置cookie
  function setCookie(name,value) {
  var Days = 30;
  var exp = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  }
   
  $(function(){
  var user_num = getCookie(‘user_num‘);
  if (!user_num) {
  user_num = Math.random();
  setCookie(‘user_num‘, user_num);
  }
   
   
  //存储数据
  $(document).on("click",".toBuyBtn a",function(){
  var user_num_data = getCookie(‘user_num‘);
  var cut_user_num_data = (user_num_data.substring(2));
   
  AV.initialize(‘WVcpwOApF0G5SMl5kr2dLfhW-gzGzoHsz‘, ‘pB6JnQf7i8l4RkShabUT4bWl‘);
  var homePage = AV.Object.extend(‘homePage‘);
  var testObject = new homePage();
   
  testObject.save({
  user_num : cut_user_num_data
  }, {
  success: function(object) {
  skip();
  }
  }, function(error) {
  alert(error);
  });
  });
  });
  </script>
  <script>
  var _hmt = _hmt || [];
  (function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?818abfb5827257869fc349f7a2be4c29";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
  })();
  </script>
  </html>

 

实验调查页面：

实验模型1：

  <!DOCTYPE HTML>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank" />
  <title>书籍</title>
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/base.css">
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/mouse.css">
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/fontSize.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/function.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-mini-0.6.4.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-core-mini-0.6.4.js"></script>
  </head>
  <body>
  <div class="listBox" style="height:9.5rem;overflow:auto;">
  <!-- <div class="banner">
  <ul class="swiper-wrapper">
  <li class="swiper-slide"><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book_swiper/b1.jpg"></a></li>
  <li class="swiper-slide"><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book_swiper/b2.jpg"></a></li>
  <li class="swiper-slide"><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book_swiper/b3.jpg"></a></li>
  <li class="swiper-slide"><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book_swiper/b4.jpg"></a></li>
  <li class="swiper-slide"><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book_swiper/b5.jpg"></a></li>
  </ul>
  <div class="bannerSum"></div>
  </div> -->
   
  <div class="hotList">
  <h3>热门推荐</h3>
  <ul></ul>
  </div>
  <div class="commonList">
  <h3>商品列表</h3>
  <ul>
  <li id="img_1">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b1.jpg"></a></aside>
  <article>
  <h6>一桩事先张扬的凶杀案</h6>
  <p>￥<em>21.30</em></p>
  <p>130000<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_2">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b2.jpg"></a></aside>
  <article>
  <h6>奇迹</h6>
  <p>￥<em>23.20</em></p>
  <p>110000<em>条评论</em></p>
  <p>95%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_3">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b3.jpg"></a></aside>
  <article>
  <h6>湖畔</h6>
  <p>￥<em>27.20</em></p>
  <p>71000<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_4">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b4.jpg"></a></aside>
  <article>
  <h6>酷酷的代课老师</h6>
  <p>￥<em>23.30</em></p>
  <p>71000<em>条评论</em></p>
  <p>97%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_5">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b5.jpg"></a></aside>
  <article>
  <h6>图书光奇谈</h6>
  <p>￥<em>22.10</em></p>
  <p>40000<em>条评论</em></p>
  <p>94%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_6">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b6.jpg"></a></aside>
  <article>
  <h6>清道夫</h6>
  <p>￥<em>24.80</em></p>
  <p>18000<em>条评论</em></p>
  <p>95%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_7">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b7.jpg"></a></aside>
  <article>
  <h6>余罪:我的刑侦笔记</h6>
  <p>￥<em>22.30</em></p>
  <p>16000<em>条评论</em></p>
  <p>95%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_8">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b8.jpg"></a></aside>
  <article>
  <h6>别相信任何人</h6>
  <p>￥<em>21.80</em></p>
  <p>11000<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_9">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b9.jpg"></a></aside>
  <article>
  <h6>新参者</h6>
  <p>￥<em>33.60</em></p>
  <p>8500<em>条评论</em></p>
  <p>97%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_10">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b10.jpg"></a></aside>
  <article>
  <h6>红手指</h6>
  <p>￥<em>33.60</em></p>
  <p>8500<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_11">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b11.jpg"></a></aside>
  <article>
  <h6>布谷鸟的呼唤</h6>
  <p>￥<em>40.50</em></p>
  <p>3400<em>条评论</em></p>
  <p>97%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_12">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b12.jpg"></a></aside>
  <article>
  <h6>离别曲</h6>
  <p>￥<em>40.60</em></p>
  <p>3200<em>条评论</em></p>
  <p>99%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_13">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b13.jpg"></a></aside>
  <article>
  <h6>盗墓笔记2</h6>
  <p>￥<em>23.30</em></p>
  <p>2800<em>条评论</em></p>
  <p>98%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_14">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b14.jpg"></a></aside>
  <article>
  <h6>盗墓笔记7</h6>
  <p>￥<em>23.60</em></p>
  <p>2700<em>条评论</em></p>
  <p>91%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_15">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b15.jpg"></a></aside>
  <article>
  <h6>单恋</h6>
  <p>￥<em>22.10</em></p>
  <p>2300<em>条评论</em></p>
  <p>92%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_16">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b16.jpg"></a></aside>
  <article>
  <h6>犯罪心理档案</h6>
  <p>￥<em>39.90</em></p>
  <p>1200<em>条评论</em></p>
  <p>89%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_17">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b17.jpg"></a></aside>
  <article>
  <h6>奇风岁月</h6>
  <p>￥<em>30.60</em></p>
  <p>1200<em>条评论</em></p>
  <p>98%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_18">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b18.jpg"></a></aside>
  <article>
  <h6>心里大师:罪爱</h6>
  <p>￥<em>23.80</em></p>
  <p>500<em>条评论</em></p>
  <p>99%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_19">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b19.jpg"></a></aside>
  <article>
  <h6>送雏菊的姑娘</h6>
  <p>￥<em>19.50</em></p>
  <p>100<em>条评论</em></p>
  <p>98%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_20">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/book/b20.jpg"/></a></aside>
  <article>
  <h6>法医研究所</h6>
  <p>￥<em>20.00</em></p>
  <p>100<em>条评论</em></p>
  <p>90%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  </ul>
  <a href="javascript:void(0)" class="more" style="display:inline-block;width:6.4rem;height:0.6rem;line-height:0.6rem;text-align:center;font-size:0.24rem;color:#666666;">加载更多</a>
  </div>
  </div>
  <div class="noyangshi buyBtnToo">
  <a href="javascript:void(0)">购物车结算(<em>0</em>)</a>
  </div>
  <div class="endPop">
  <div class="popMain">
  <p>完成！</p>
  <p>感谢您的参与,谢谢！</p>
  <a href="javascript:void(0)" class="backHomePage">返回首页</a>
  </div>
  </div>
  <script>
   
  function getCookie(name) {
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
   
  if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
  else
  return null;
  }
  function setCookie(name,value)
  {
  var Days = 30;
  var exp = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  }
   
  var user_num = getCookie(‘user_num‘);
  if (!user_num) {
  user_num = Math.random();
  setCookie(‘user_num‘, user_num);
  }
   
   
  //随机数
  var sj_number=Math.random();
   
  //随机取出
  function getArrayItems(arr, num) {
  var temp_array = new Array();
  for (var index in arr) {
  temp_array.push(arr[index]);
  }
  var return_array = new Array();
  for (var i = 0; i<num; i++) {
  if (temp_array.length>0) {
  var arrIndex = Math.floor(Math.random()*temp_array.length);
  return_array[i] = temp_array[arrIndex];
   
  temp_array.splice(arrIndex, 1);
  } else {
  break;
  }
  }
  return return_array;
  }
   
  //高分主流
  var to_img1=[{
  "_id":1,
  "name":"消失的女孩",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/1.jpg",
  "prize":20.00,
  "comm":86000,
  "rate":97,
  },
  {
  "_id":2,
  "name":"嫌疑人x的献身",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/2.jpg",
  "prize":26.30,
  "comm":71000,
  "rate":96,
  },
  {
  "_id":3,
  "name":"白夜行",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/3.jpg",
  "prize":23.70,
  "comm":71000,
  "rate":95,
  },
  {
  "_id":4,
  "name":"余罪：我的刑侦笔记2",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/4.jpg",
  "prize":26.50,
  "comm":16000,
  "rate":96,
  },
  {
  "_id":5,
  "name":"余罪：我的刑侦笔记5",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/5.jpg",
  "prize":29.40,
  "comm":16000,
  "rate":95,
  },
  {
  "_id":6,
  "name":"藏海花",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/6.jpg",
  "prize":23.90,
  "comm":10000,
  "rate":97,
  },
  {
  "_id":7,
  "name":"虚无的十字架",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/7.jpg",
  "prize":27.40,
  "comm":9600,
  "rate":98,
  },
  {
  "_id":8,
  "name":"丹·布朗·地狱",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/8.jpg",
  "prize":32.20,
  "comm":8400,
  "rate":95,
  },
  {
  "_id":9,
  "name":"清明上河图密码2",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/9.jpg",
  "prize":34.70,
  "comm":7200,
  "rate":96,
  },
  {
  "_id":10,
  "name":"清明上河图密码3",
  "img":"//image.buslive.cn/awjdc_1222/images/top_one/10.jpg",
  "prize":38.70,
  "comm":7200,
  "rate":99,
  }
  ];
   
  //高分利基
  var tt_img1 = [{
  "_id":11,
  "name":"福尔摩斯探案大全集",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/1.jpg",
  "prize":17.40,
  "comm":4600,
  "rate":95,
  },
  {
  "_id":12,
  "name":"消失的爱人",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/2.jpg",
  "prize":31.50,
  "comm":3800,
  "rate":94,
  },
  {
  "_id":13,
  "name":"十宗罪",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/3.jpg",
  "prize":20.60,
  "comm":3400,
  "rate":98,
  },
  {
  "_id":14,
  "name":"盗墓笔记4",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/4.jpg",
  "prize":23.30,
  "comm":2400,
  "rate":96,
  },
  {
  "_id":15,
  "name":"海边的卡夫卡",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/5.jpg",
  "prize":27.80,
  "comm":2300,
  "rate":96,
  },
  {
  "_id":16,
  "name":"告白",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/6.jpg",
  "prize":25.30,
  "comm":2100,
  "rate":98,
  },
  {
  "_id":17,
  "name":"失落的秘符",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/7.jpg",
  "prize":33.20,
  "comm":1100,
  "rate":97,
  },
  {
  "_id":18,
  "name":"超杀人事件",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/8.jpg",
  "prize":18.70,
  "comm":800,
  "rate":95,
  },
  {
  "_id":19,
  "name":"玫瑰的名字",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/9.jpg",
  "prize":45.80,
  "comm":600,
  "rate":94,
  },
  {
  "_id":20,
  "name":"假如假期来临",
  "img":"//image.buslive.cn/awjdc_1222/images/top_two/10.jpg",
  "prize":27.20,
  "comm":400,
  "rate":99,
  }
  ];
   
  //低分主流
  var lo_img1 = [{
  "_id":21,
  "name":"解忧杂货店",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/1.jpg",
  "prize":27.00,
  "comm":79000,
  "rate":94,
  },
  {
  "_id":22,
  "name":"加贺探案集(4)",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/2.jpg",
  "prize":21.00,
  "comm":71000,
  "rate":93,
  },
  {
  "_id":23,
  "name":"秘密",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/3.jpg",
  "prize":23.50,
  "comm":71000,
  "rate":92,
  },
  {
  "_id":24,
  "name":"幸存者",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/4.jpg",
  "prize":24.80,
  "comm":18000,
  "rate":93,
  },
  {
  "_id":25,
  "name":"余罪：我的刑侦笔记6",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/5.jpg",
  "prize":29.00,
  "comm":16000,
  "rate":92,
  },
  {
  "_id":26,
  "name":"余罪：我的刑侦笔记3",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/6.jpg",
  "prize":26.40,
  "comm":16000,
  "rate":93,
  },
  {
  "_id":27,
  "name":"余罪：我的刑侦笔记4",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/7.jpg",
  "prize":29.00,
  "comm":16000,
  "rate":94,
  },
  {
  "_id":28,
  "name":"假面饭店",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/8.jpg",
  "prize":28.70,
  "comm":8500,
  "rate":94,
  },
  {
  "_id":29,
  "name":"假面前夜",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/9.jpg",
  "prize":24.90,
  "comm":8500,
  "rate":93,
  },
  {
  "_id":30,
  "name":"清明上河图密码",
  "img":"//image.buslive.cn/awjdc_1222/images/low_one/10.jpg",
  "prize":34.30,
  "comm":7200,
  "rate":92,
  }
  ];
   
  //低分利基
  var lt_img1 =[{
  "_id":31,
  "name":"暗算",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/1.jpg",
  "prize":38.30,
  "comm":3900,
  "rate":91,
  },
  {
  "_id":32,
  "name":"死神的精确度",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/2.jpg",
  "prize":29.50,
  "comm":3100,
  "rate":92,
  },
  {
  "_id":33,
  "name":"杀手界",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/3.jpg",
  "prize":30.60,
  "comm":3100,
  "rate":90,
  },
  {
  "_id":34,
  "name":"火车上的女孩",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/4.jpg",
  "prize":27.20,
  "comm":2300,
  "rate":92,
  },
  {
  "_id":35,
  "name":"同级生",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/5.jpg",
  "prize":23.80,
  "comm":2300,
  "rate":89,
  },
  {
  "_id":36,
  "name":"彷徨之刃",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/6.jpg",
  "prize":23.80,
  "comm":2300,
  "rate":89,
  },
  {
  "_id":37,
  "name":"邪恶催眠师3",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/7.jpg",
  "prize":26.10,
  "comm":1000,
  "rate":91,
  },
  {
  "_id":38,
  "name":"神探伽利略2",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/8.jpg",
  "prize":22.10,
  "comm":700,
  "rate":93,
  },
  {
  "_id":39,
  "name":"地下街的雨",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/9.jpg",
  "prize":19.70,
  "comm":400,
  "rate":91,
  },
  {
  "_id":40,
  "name":"怪笑小说",
  "img":"//image.buslive.cn/awjdc_1222/images/low_two/10.jpg",
  "prize":25.10,
  "comm":300,
  "rate":92,
  }
  ]
   
  // 剩余场景数 4,5,6,7,8,9,10,11,12,13,14,15
   
  var _num1 = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
  var _num2 = Math.floor(Math.random() * _num1.length);
  var _num=(_num1[_num2]);
  var scene_status=_num;
   
   
  var arr = [
  {"key1":"to_img1","value1":8,"key2":"tt_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"tt_img1","value2":2},
  {"key1":"to_img1","value1":8,"key2":"lo_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"lo_img1","value2":2},
  {"key1":"to_img1","value1":8,"key2":"lt_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"lt_img1","value2":2},
  {"key1":"tt_img1","value1":8,"key2":"lo_img1","value2":0},
  {"key1":"tt_img1","value1":6,"key2":"lo_img1","value2":2},
  {"key1":"to_img1","value1":2,"key2":"tt_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"tt_img1","value2":8},
  {"key1":"to_img1","value1":2,"key2":"lo_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"lo_img1","value2":8},
  {"key1":"to_img1","value1":2,"key2":"lt_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"lt_img1","value2":8},
  {"key1":"tt_img1","value1":2,"key2":"lo_img1","value2":6},
  {"key1":"tt_img1","value1":0,"key2":"lo_img1","value2":8},
  ];
   
   
  var data=getArrayItems(eval(arr[_num].key1),arr[_num].value1);
  var data2=getArrayItems(eval(arr[_num].key2),arr[_num].value2);
   
   
  data_to(data);
  data_to(data2);
   
  function data_to(data){
  var html=‘‘;
  for(var i=0;i<data.length;i++){
  html+=‘<li id="hi_‘+data[i]._id+‘">\
  <aside><a href="javascript:void(0)"><img class="hotImg" src=‘+data[i].img+‘></a></aside>\
  <article>\
  <h6>‘+data[i].name+‘</h6>\
  <p>￥<em>‘+data[i].prize+‘</em></p>\
  <p><em>‘+data[i].comm+‘</em>条评论</p>\
  <p><em>‘+data[i].rate+‘</em>%好评</p>\
  <a href="javascript:void(0)">加入购物车</a>\
  </article>\
  </li>‘;
  }
  $(".hotList ul").append(html);
  }
   
  // //banner
  // $(function(){
  // var swiperBanner = new Swiper(‘.banner‘, {
  // loop:true,
  // pagination:".bannerSum"
  // });
  // });
   
  $(".commonList ul li:gt(11)").hide();
  $(document).on("click",".more",function(){
  $(".commonList ul li:gt(11)").show();
  $(".more").hide();
  });
   
   
  $(function(){
  $(document).on("click",".closePop",function(){
  $(".goodsInfoPop").fadeOut(200);
  });
  $(document).on("click",".endPop .popMain .backHomePage",function(){
  location.href="index.html";
  });
   
  var goodsArrComm=[];
  var goodsArrHot=[];
  //热门推荐
  $(document).on("click",".hotList ul li aside a",function(){
  $(".goodsInfoPop").fadeIn(200);
  var _id = $(this).parent().parent(‘li‘).attr("id");
  $(".hotList ul li aside a").attr("data_id",_id);
   
  var _title=$("#" + _id).children("article").find("h6").text();
  var _info1=$("#"+_id).children("article").children("p:eq(0)").find("em").text();
  var _info2=$("#"+_id).children("article").children("p:eq(1)").find("em").text();
  var _info3=$("#"+_id).children("article").children("p:eq(2)").find("em").text();
  var _src=$("#"+_id).children("aside").find("a img").attr("src");
   
  $(".goodsInfoPop .mainInfo h3").html(_title);
  $(".goodsInfoPop .mainInfo article p:eq(0) em").html(_info1);
  $(".goodsInfoPop .mainInfo article p:eq(1) em").html(_info2);
  $(".goodsInfoPop .mainInfo article p:eq(2) em").html(_info3);
  $(".goodsInfoPop .mainInfo aside img").attr("src",_src);
  });
  $(document).on("click",".hotList ul li article a",function(){
  var _id = $(this).parent().parent(‘li‘).attr("id");
  var _this = $(this).attr("data_id",_id);
   
  if($(_this).hasClass("removeS")){
  $("#"+_id).children("article").find("a").css("background","#ff5a11");
  $("#"+_id).children("article").find("a").removeClass("removeS").html("加入购物车");
   
  var t_name= $("#"+_id).children("article").find("h6").text();
   
  var b_n = goodsArrHot.indexOf(t_name);
  goodsArrHot.splice(b_n, 1);
   
  console.log(goodsArrHot);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n-1);
  $(".noyangshi a em").html(n);
  if(n<5){
  $(".noyangshi a").css("background-color","#666666").parent("div").removeClass("buyBtn").addClass("buyBtnToo");
  }
  }else{
  $("#"+_id).children("article").find("a").addClass("removeS").html("移除购物车");
  $("#"+_id).children("article").find("a").css("background","#666666");
   
  var hb_name = $("#"+_id).children("article").find("h6").text();
  goodsArrHot.push(hb_name);
  console.log(goodsArrHot);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n+1);
  if(n > 4){
  $(".noyangshi a").css("background-color","#ff5a11").parent(‘div‘).addClass("buyBtn");
  }
  $(".noyangshi a em").html(n);
   
  }
  });
   
   
   
  // //点击图片显示详细信息
  // $(document).on("click",".commonList ul li aside a",function(){
  // $(".goodsInfoPop").fadeIn(200);
  // var _id = $(this).parent().parent(‘li‘).attr("id");
  // $(".commonList ul li aside a").attr("data_id",_id);
   
  // var _title=$("#" + _id).children("article").find("h6").text();
  // var _info1=$("#"+_id).children("article").children("p:eq(0)").find("em").text();
  // var _info2=$("#"+_id).children("article").children("p:eq(1)").find("em").text();
  // var _info3=$("#"+_id).children("article").children("p:eq(2)").find("em").text();
  // var _src=$("#"+_id).children("aside").find("a img").attr("src");
   
  // $(".goodsInfoPop .mainInfo h3").html(_title);
  // $(".goodsInfoPop .mainInfo article p:eq(0) em").html(_info1);
  // $(".goodsInfoPop .mainInfo article p:eq(1) em").html(_info2);
  // $(".goodsInfoPop .mainInfo article p:eq(2) em").html(_info3);
  // $(".goodsInfoPop .mainInfo aside img").attr("src",_src);
  // });
   
  //加入购物车
  $(document).on("click",".commonList ul li article a",function(){
  var _id = $(this).parent().parent(‘li‘).attr("id");
  var _this = $(this).attr("data_id",_id);
   
  if($(_this).hasClass("removeS")){
  $("#"+_id).children("article").find("a").css("background","#ff5a11");
  $("#"+_id).children("article").find("a").removeClass("removeS").html("加入购物车");
   
  var ct_name= $("#"+_id).children("article").find("h6").text();
   
  var arrIndex = Math.floor(Math.random()*goodsArrComm.length);
  var cb_n = goodsArrComm.indexOf(ct_name);
   
  goodsArrComm.splice(cb_n, 1);
  console.log(goodsArrComm);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n-1);
  $(".noyangshi a em").html(n);
  if(n<5){
  $(".noyangshi a").css("background-color","#666666").parent("div").removeClass("buyBtn").addClass("buyBtnToo");
  }
  }else{
  $("#"+_id).children("article").find("a").addClass("removeS").html("移除购物车");
  $("#"+_id).children("article").find("a").css("background","#666666");
   
  var b_name = $("#"+_id).children("article").find("h6").text();
   
  goodsArrComm.push(b_name);
  console.log(goodsArrComm);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n+1);
  if(n > 4){
  $(".noyangshi a").css("background-color","#ff5a11").parent(‘div‘).addClass("buyBtn");
  }
  $(".noyangshi a em").html(n);
  }
  });
   
   
  //存储数据
  $(document).on("click",".buyBtn a",function(){
  var user_num_data = getCookie(‘user_num‘);
  var scene_status=_num;
  var sj_Number = Math.random();
  var cut_sj_Number = (sj_number.toString().substring(2));
  var cut_user_num_data = (user_num_data.substring(2));
  AV.initialize(‘WVcpwOApF0G5SMl5kr2dLfhW-gzGzoHsz‘, ‘pB6JnQf7i8l4RkShabUT4bWl‘);
  var books = AV.Object.extend(‘books‘);
  var testObject = new books();
   
  testObject.save({
  booksNameHot : goodsArrHot,
  booksNameComm : goodsArrComm,
  SJ_Number : cut_sj_Number,
  user_num : cut_user_num_data,
  scene_status_num : scene_status
  }, {
  success: function(object) {
  location.href="end.html";
  }
  }, function(error) {
  alert(error);
  });
  })
  });
   
   
  </script>
  </body>
  <script>
  var _hmt = _hmt || [];
  (function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?818abfb5827257869fc349f7a2be4c29";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
  })();
  </script>
   
  </html>

实验模型2：

  <!DOCTYPE HTML>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank" />
  <title>鼠标</title>
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/base.css">
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/mouse.css">
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/fontSize.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/function.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-mini-0.6.4.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-core-mini-0.6.4.js"></script>
  </head>
  <body>
  <div class="listBox" style="height:9.5rem;overflow:auto;">
  <!-- <div class="banner">
  <ul class="swiper-wrapper">
  <li class="swiper-slide"><a href=""><img src="//image.buslive.cn/awjdc_1222/images/mouse_swiper/b1.jpg"></a></li>
  <li class="swiper-slide"><a href=""><img src="//image.buslive.cn/awjdc_1222/images/mouse_swiper/b2.jpg"></a></li>
  <li class="swiper-slide"><a href=""><img src="//image.buslive.cn/awjdc_1222/images/mouse_swiper/b3.jpg"></a></li>
  <li class="swiper-slide"><a href=""><img src="//image.buslive.cn/awjdc_1222/images/mouse_swiper/b4.jpg"></a></li>
  <li class="swiper-slide"><a href=""><img src="//image.buslive.cn/awjdc_1222/images/mouse_swiper/b5.jpg"></a></li>
  </ul>
  <div class="bannerSum"></div>
  </div> -->
   
  <div class="hotList">
  <h3>热门推荐</h3>
  <ul></ul>
  </div>
  <div class="commonList">
  <h3>商品列表</h3>
  <ul>
  <li id="img_1">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s1.jpg"></a></aside>
  <article>
  <h6>罗技M185鼠标</h6>
  <p>￥<em>69.00</em></p>
  <p>130000<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_2">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s2.jpg"></a></aside>
  <article>
  <h6>华硕UX300鼠标</h6>
  <p>￥<em>39.90</em></p>
  <p>115000<em>条评论</em></p>
  <p>92%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_3">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s3.jpg"></a></aside>
  <article>
  <h6>罗技M185鼠标</h6>
  <p>￥<em>69.00</em></p>
  <p>110000<em>条评论</em></p>
  <p>95%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_4">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s4.jpg"></a></aside>
  <article>
  <h6>罗技M105鼠标</h6>
  <p>￥<em>49.00</em></p>
  <p>95000<em>条评论</em></p>
  <p>90%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_5">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s5.jpg"></a></aside>
  <article>
  <h6>双飞燕N-810FX针光鼠</h6>
  <p>￥<em>49.00</em></p>
  <p>70000<em>条评论</em></p>
  <p>96%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_6">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s6.jpg"></a></aside>
  <article>
  <h6>双飞燕OP-550NU针光鼠</h6>
  <p>￥<em>38.00</em></p>
  <p>50000<em>条评论</em></p>
  <p>97%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_7">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s7.jpg"></a></aside>
  <article>
  <h6>联想M120大红点</h6>
  <p>￥<em>39.00</em></p>
  <p>38000<em>条评论</em></p>
  <p>94%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_8">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s8.jpg"></a></aside>
  <article>
  <h6>罗技B175商用</h6>
  <p>￥<em>79.00</em></p>
  <p>29000<em>条评论</em></p>
  <p>93%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_9">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s9.jpg"></a></aside>
  <article>
  <h6>富勒M65节能</h6>
  <p>￥<em>29.90</em></p>
  <p>27000<em>条评论</em></p>
  <p>94%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_10">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s10.jpg"></a></aside>
  <article>
  <h6>Thinkpad OB47161无线</h6>
  <p>￥<em>99.00</em></p>
  <p>24000<em>条好评</em></p>
  <p>97%<em>评论</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_11">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s11.jpg"></a></aside>
  <article>
  <h6>讯拓幽灵A310激光</h6>
  <p>￥<em>69.90</em></p>
  <p>10100<em>条评论</em></p>
  <p>91%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_12">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s12.jpg"></a></aside>
  <article>
  <h6>雷柏3500P无线光学</h6>
  <p>￥<em>69.00</em></p>
  <p>10000<em>条评论</em></p>
  <p>97%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_13">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s13.jpg"></a></aside>
  <article>
  <h6>雷柏 M350无线</h6>
  <p>￥<em>69.00</em></p>
  <p>8500<em>条评论</em></p>
  <p>94%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_14">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s14.jpg"></a></aside>
  <article>
  <h6>现代HY-G35有线发光</h6>
  <p>￥<em>29.00</em></p>
  <p>6800<em>条评论</em></p>
  <p>92%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_15">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s15.jpg"></a></aside>
  <article>
  <h6>摩豹G608静音</h6>
  <p>￥<em>29.90</em></p>
  <p>5400<em>条评论</em></p>
  <p>95%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_16">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s16.jpg"></a></aside>
  <article>
  <h6>摩天手G52无线</h6>
  <p>￥<em>29.90</em></p>
  <p>4600<em>条评论</em></p>
  <p>93%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_17">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s17.jpg"></a></aside>
  <article>
  <h6>航世A10蓝牙</h6>
  <p>￥<em>49.00</em></p>
  <p>3400<em>条评论</em></p>
  <p>90%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_18">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s18.jpg"></a></aside>
  <article>
  <h6>得力3715 USB有线</h6>
  <p>￥<em>29.00</em></p>
  <p>2400<em>条评论</em></p>
  <p>98%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_19">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s19.jpg"></a></aside>
  <article>
  <h6>多彩M612 青锋鲨</h6>
  <p>￥<em>99.00</em></p>
  <p>400<em>条评论</em></p>
  <p>88%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
  <li id="img_20">
  <aside><a href="javascript:void(0)"><img src="//image.buslive.cn/awjdc_1222/images/mouse/s20.jpg"></a></aside>
  <article>
  <h6>飞利浦 SPK7101</h6>
  <p>￥<em>29.90</em></p>
  <p>200<em>条评论</em></p>
  <p>99%<em>好评</em></p>
  <a href="javascript:void(0)">加入购物车</a>
  </article>
  </li>
   
  </ul>
  <a href="javascript:void(0)" class="more" style="display:inline-block;width:6.4rem;height:0.6rem;line-height:0.6rem;text-align:center;font-size:0.24rem;color:#666666;">加载更多</a>
  </div>
  </div>
  <div class="noyangshi buyBtnToo">
  <a href="javascript:void(0)">购物车结算(<em>0</em>)</a>
  </div>
  <div class="endPop">
  <div class="popMain">
  <p>完成！</p>
  <p>感谢您的参与,谢谢！</p>
  <a href="javascript:void(0)" class="backHomePage">返回首页</a>
  </div>
  </div>
  <script>
  function getCookie(name) {
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
   
  if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
  else
  return null;
  }
  function setCookie(name,value)
  {
  var Days = 30;
  var exp = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  }
   
  var user_num = getCookie(‘user_num‘);
  if (!user_num) {
  user_num = Math.random();
  setCookie(‘user_num‘, user_num);
  }
   
  //随机数
  var sj_number=Math.random();
   
  //随机取出
  //从一个随机数组arr中取出num个不同的数
  function getArrayItems(arr, num) {
   
  var temp_array = new Array();
  for (var index in arr) {
  temp_array.push(arr[index]);
  }
  var return_array = new Array();
  for (var i = 0; i<num; i++) {
  if (temp_array.length>0) {
  var arrIndex = Math.floor(Math.random()*temp_array.length);
  return_array[i] = temp_array[arrIndex];
   
  temp_array.splice(arrIndex, 1);
  } else {
  break;
  }
  }
  return return_array;
  }
   
  //高分主流
  var to_img1=[{
  "_id":1,
  "name":"雷柏M218鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/1.jpg",
  "prize":34.80,
  "comm":200000,
  "rate":97,
  },
  {
  "_id":2,
  "name":"罗技M100r鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/2.jpg",
  "prize":49.00,
  "comm":190000,
  "rate":96,
  },
  {
  "_id":3,
  "name":"双飞燕WM-100针光鼠",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/3.jpg",
  "prize":29.90,
  "comm":150000,
  "rate":96,
  },
  {
  "_id":4,
  "name":"罗技M185鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/4.jpg",
  "prize":69.60,
  "comm":240000,
  "rate":95,
  },
  {
  "_id":5,
  "name":"罗技M90鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/5.jpg",
  "prize":35.50,
  "comm":150000,
  "rate":95,
  },
  {
  "_id":6,
  "name":"雷柏M218鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/6.jpg",
  "prize":34.80,
  "comm":130000,
  "rate":97,
  },
  {
  "_id":7,
  "name":"罗技M275鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/7.jpg",
  "prize":85.00,
  "comm":110000,
  "rate":97,
  },
  {
  "_id":8,
  "name":"罗技M100r鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/8.jpg",
  "prize":49.00,
  "comm":66000,
  "rate":96,
  },
  {
  "_id":9,
  "name":"罗技M275鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/9.jpg",
  "prize":99.00,
  "comm":30000,
  "rate":97,
  },
  {
  "_id":10,
  "name":"雷柏M130鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_zhu/10.jpg",
  "prize":29.90,
  "comm":26000,
  "rate":96,
  }
  ];
   
  //高分利基
  var tt_img1 = [{
  "_id":11,
  "name":"双飞燕OP—520NU针光鼠",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/1.jpg",
  "prize":36.00,
  "comm":18000,
  "rate":97,
  },
  {
  "_id":12,
  "name":"讯拓风行指A231鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/2.jpg",
  "prize":19.90,
  "comm":17000,
  "rate":95,
  },
  {
  "_id":13,
  "name":"dostyle MD102鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/3.jpg",
  "prize":25.00,
  "comm":16000,
  "rate":96,
  },
  {
  "_id":14,
  "name":"Thinkpad 0B47151鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/4.jpg",
  "prize":69.00,
  "comm":9600,
  "rate":94,
  },
  {
  "_id":15,
  "name":"新贵追风豹010鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/5.jpg",
  "prize":13.90,
  "comm":5800,
  "rate":97,
  },
  {
  "_id":16,
  "name":"联想N1901A鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/6.jpg",
  "prize":49.00,
  "comm":4900,
  "rate":98,
  },
  {
  "_id":17,
  "name":"雷柏V19鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/7.jpg",
  "prize":79.00,
  "comm":1800,
  "rate":96,
  },
  {
  "_id":18,
  "name":"罗技M280鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/8.jpg",
  "prize":99.00,
  "comm":1400,
  "rate":97,
  },
  {
  "_id":19,
  "name":"宜博M109鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/9.jpg",
  "prize":49.00,
  "comm":700,
  "rate":95,
  },
  {
  "_id":20,
  "name":"新贵N107鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/gao_li/10.jpg",
  "prize":89.00,
  "comm":400,
  "rate":99,
  }
  ];
   
  //低分主流
  var lo_img1 = [{
  "_id":21,
  "name":"dostyle MD201鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/1.jpg",
  "prize":99.00,
  "comm":180000,
  "rate":93,
  },
  {
  "_id":22,
  "name":"大尺寸办公鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/2.jpg",
  "prize":35.00,
  "comm":150000,
  "rate":94,
  },
  {
  "_id":23,
  "name":"现代HY-N11鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/3.jpg",
  "prize":34.90,
  "comm":74000,
  "rate":90,
  },
  {
  "_id":24,
  "name":"现代M106鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/4.jpg",
  "prize":19.90,
  "comm":41000,
  "rate":93,
  },
  {
  "_id":25,
  "name":"讯拓幽灵蜂X7鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/5.jpg",
  "prize":29.90,
  "comm":42000,
  "rate":93,
  },
  {
  "_id":26,
  "name":"罗技G90鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/6.jpg",
  "prize":99.00,
  "comm":31000,
  "rate":94,
  },
  {
  "_id":27,
  "name":"微软鼠标3000V2.0",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/7.jpg",
  "prize":79.00,
  "comm":40000,
  "rate":94,
  },
  {
  "_id":28,
  "name":"达尔优执法鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/8.jpg",
  "prize":68.90,
  "comm":27000,
  "rate":92,
  },
  {
  "_id":29,
  "name":"雷柏M310 Nano鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/9.jpg",
  "prize":49.90,
  "comm":63000,
  "rate":94,
  },
  {
  "_id":30,
  "name":"达尔优G60鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_zhu/10.jpg",
  "prize":139.00,
  "comm":53000,
  "rate":93,
  }
  ];
   
  //低分利基
  var lt_img1 =[{
  "_id":31,
  "name":"现代HY—N271200DPI鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/1.jpg",
  "prize":39.90,
  "comm":14000,
  "rate":88,
  },
  {
  "_id":32,
  "name":"摩豹F60鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/2.jpg",
  "prize":29.90,
  "comm":11000,
  "rate":91,
  },
  {
  "_id":33,
  "name":"摩天手G52无线",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/3.jpg",
  "prize":69.90,
  "comm":6800,
  "rate":93,
  },
  {
  "_id":34,
  "name":"富勒X100鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/4.jpg",
  "prize":99.00,
  "comm":4000,
  "rate":92,
  },
  {
  "_id":35,
  "name":"幽灵骑士XM—502B鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/5.jpg",
  "prize":19.00,
  "comm":3700,
  "rate":90,
  },
  {
  "_id":36,
  "name":"现代NY—N16鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/6.jpg",
  "prize":29.90,
  "comm":3100,
  "rate":93,
  },
  {
  "_id":37,
  "name":"新贵E500鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/7.jpg",
  "prize":39.00,
  "comm":1600,
  "rate":90,
  },
  {
  "_id":38,
  "name":"新贵钢铁侠鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/8.jpg",
  "prize":36.90,
  "comm":1000,
  "rate":92,
  },
  {
  "_id":39,
  "name":"讯拓幽灵蜂X9鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/9.jpg",
  "prize":69.00,
  "comm":900,
  "rate":91,
  },
  {
  "_id":40,
  "name":"新贵多色糖果鼠标",
  "img":"//image.buslive.cn/awjdc_1222/images/di_li/10.jpg",
  "prize":29.90,
  "comm":700,
  "rate":90,
  }
  ]
   
  // 剩余场景数 4,5,6,7,8,9,10,11,12,13,14,15
   
  var _num1 = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
  var _num2 = Math.floor(Math.random() * _num1.length);
  var _num=(_num1[_num2]);
  var scene_status=_num;
   
   
  var arr = [
  {"key1":"to_img1","value1":8,"key2":"tt_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"tt_img1","value2":2},
  {"key1":"to_img1","value1":8,"key2":"lo_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"lo_img1","value2":2},
  {"key1":"to_img1","value1":8,"key2":"lt_img1","value2":0},
  {"key1":"to_img1","value1":6,"key2":"lt_img1","value2":2},
  {"key1":"tt_img1","value1":8,"key2":"lo_img1","value2":0},
  {"key1":"tt_img1","value1":6,"key2":"lo_img1","value2":2},
  {"key1":"to_img1","value1":2,"key2":"tt_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"tt_img1","value2":8},
  {"key1":"to_img1","value1":2,"key2":"lo_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"lo_img1","value2":8},
  {"key1":"to_img1","value1":2,"key2":"lt_img1","value2":6},
  {"key1":"to_img1","value1":0,"key2":"lt_img1","value2":8},
  {"key1":"tt_img1","value1":2,"key2":"lo_img1","value2":6},
  {"key1":"tt_img1","value1":0,"key2":"lo_img1","value2":8},
  ];
   
   
  var data=getArrayItems(eval(arr[_num].key1),arr[_num].value1);
  var data2=getArrayItems(eval(arr[_num].key2),arr[_num].value2);
   
  data_to(data);
  data_to(data2);
   
  function data_to(data){
  var html=‘‘;
  for(var i=0;i<data.length;i++){
  html+=‘<li id="hi_‘+data[i]._id+‘">\
  <aside><a href="javascript:void(0)"><img class="hotImg" src=‘+data[i].img+‘></a></aside>\
  <article>\
  <h6>‘+data[i].name+‘</h6>\
  <p>￥<em>‘+data[i].prize+‘</em></p>\
  <p><em>‘+data[i].comm+‘</em>条评论</p>\
  <p><em>‘+data[i].rate+‘</em>%好评</p>\
  <a href="javascript:void(0)">加入购物车</a>\
  </article>\
  </li>‘;
  }
  $(".hotList ul").append(html);
  }
   
  // $(function(){
  // var swiperBanner = new Swiper(‘.banner‘, {
  // loop:true,
  // pagination:".bannerSum"
  // });
  // });
   
  $(".commonList ul li:gt(11)").hide();
  $(document).on("click",".more",function(){
  $(".commonList ul li:gt(11)").show();
  $(".more").hide();
  });
   
   
   
  $(function(){
  $(document).on("click",".closePop",function(){
  $(".goodsInfoPop").fadeOut(200);
  });
  $(document).on("click",".endPop .popMain .backHomePage",function(){
  location.href="index.html";
  });
   
   
  var goodsArrComm=[];
  var goodsArrHot=[];
   
  //热门推荐
  $(document).on("click",".hotList ul li aside a",function(){
  $(".goodsInfoPop").fadeIn(200);
  var _id = $(this).parent().parent(‘li‘).attr("id");
  $(".hotList ul li aside a").attr("data_id",_id);
   
  var _title=$("#" + _id).children("article").find("h6").text();
  var _info1=$("#"+_id).children("article").children("p:eq(0)").find("em").text();
  var _info2=$("#"+_id).children("article").children("p:eq(1)").find("em").text();
  var _info3=$("#"+_id).children("article").children("p:eq(2)").find("em").text();
  var _src=$("#"+_id).children("aside").find("a img").attr("src");
   
  $(".goodsInfoPop .mainInfo h3").html(_title);
  $(".goodsInfoPop .mainInfo article p:eq(0) em").html(_info1);
  $(".goodsInfoPop .mainInfo article p:eq(1) em").html(_info2);
  $(".goodsInfoPop .mainInfo article p:eq(2) em").html(_info3);
  $(".goodsInfoPop .mainInfo aside img").attr("src",_src);
  });
  $(document).on("click",".hotList ul li article a",function(){
  var _id = $(this).parent().parent(‘li‘).attr("id");
  var _this = $(this).attr("data_id",_id);
   
  if($(_this).hasClass("removeS")){
  $("#"+_id).children("article").find("a").css("background","#ff5a11");
  $("#"+_id).children("article").find("a").removeClass("removeS").html("加入购物车");
   
  var t_name= $("#"+_id).children("article").find("h6").text();
   
  var arrIndex = Math.floor(Math.random()*goodsArrHot.length);
  var b_n = goodsArrHot.indexOf(t_name);
  // console.log(b_n);
   
  goodsArrHot.splice(b_n, 1);
   
  console.log(goodsArrHot);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n-1);
  $(".noyangshi a em").html(n);
  if(n<5){
  $(".noyangshi a").css("background-color","#666666").parent("div").removeClass("buyBtn").addClass("buyBtnToo");
  }
  }else{
  $("#"+_id).children("article").find("a").addClass("removeS").html("移除购物车");
  $("#"+_id).children("article").find("a").css("background","#666666");
   
  var hb_name = $("#"+_id).children("article").find("h6").text();
  goodsArrHot.push(hb_name);
  console.log(goodsArrHot);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n+1);
  if(n > 4){
  $(".noyangshi a").css("background-color","#ff5a11").parent(‘div‘).addClass("buyBtn");
  }
  $(".noyangshi a em").html(n);
   
  }
  });
   
   
   
  // //点击图片显示详细信息
  // $(document).on("click",".commonList ul li aside a",function(){
  // $(".goodsInfoPop").fadeIn(200);
  // var _id = $(this).parent().parent(‘li‘).attr("id");
  // $(".commonList ul li aside a").attr("data_id",_id);
   
  // var _title=$("#" + _id).children("article").find("h6").text();
  // var _info1=$("#"+_id).children("article").children("p:eq(0)").find("em").text();
  // var _info2=$("#"+_id).children("article").children("p:eq(1)").find("em").text();
  // var _info3=$("#"+_id).children("article").children("p:eq(2)").find("em").text();
  // var _src=$("#"+_id).children("aside").find("a img").attr("src");
   
  // $(".goodsInfoPop .mainInfo h3").html(_title);
  // $(".goodsInfoPop .mainInfo article p:eq(0) em").html(_info1);
  // $(".goodsInfoPop .mainInfo article p:eq(1) em").html(_info2);
  // $(".goodsInfoPop .mainInfo article p:eq(2) em").html(_info3);
  // $(".goodsInfoPop .mainInfo aside img").attr("src",_src);
  // });
   
  //加入购物车
  $(document).on("click",".commonList ul li article a",function(){
  var _id = $(this).parent().parent(‘li‘).attr("id");
  var _this = $(this).attr("data_id",_id);
   
  if($(_this).hasClass("removeS")){
  $("#"+_id).children("article").find("a").css("background","#ff5a11");
  $("#"+_id).children("article").find("a").removeClass("removeS").html("加入购物车");
   
  var ct_name= $("#"+_id).children("article").find("h6").text();
   
  var arrIndex = Math.floor(Math.random()*goodsArrComm.length);
  var cb_n = goodsArrComm.indexOf(ct_name);
   
  goodsArrComm.splice(cb_n, 1);
  console.log(goodsArrComm);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n-1);
  $(".noyangshi a em").html(n);
  if(n<5){
  $(".noyangshi a").css("background-color","#666666").parent("div").removeClass("buyBtn").addClass("buyBtnToo");
  }
  }else{
  $("#"+_id).children("article").find("a").addClass("removeS").html("移除购物车");
  $("#"+_id).children("article").find("a").css("background","#666666");
   
  var b_name = $("#"+_id).children("article").find("h6").text();
  goodsArrComm.push(b_name);
  console.log(goodsArrComm);
   
  var n = parseInt($(".noyangshi a em").text());
  n=(n+1);
  if(n > 4){
  $(".noyangshi a").css("background-color","#ff5a11").parent(‘div‘).addClass("buyBtn");
  }
  $(".noyangshi a em").html(n);
   
  }
  });
   
   
  //存储页面数据
  $(document).on("click",".buyBtn a",function(){
  var user_num_data = getCookie(‘user_num‘);
  var sj_Number = Math.random();
  var scene_status=_num;
  var cut_sj_Number = (sj_number.toString().substring(2));
  var cut_user_num_data = (user_num_data.substring(2));
  AV.initialize(‘WVcpwOApF0G5SMl5kr2dLfhW-gzGzoHsz‘, ‘pB6JnQf7i8l4RkShabUT4bWl‘);
  var mouses = AV.Object.extend(‘mouses‘);
  var testObject = new mouses();
   
  testObject.save({
  mousesNameHot : goodsArrHot,
  mousesNameComm : goodsArrComm,
  SJ_Number : cut_sj_Number,
  user_num : cut_user_num_data,
  scene_status_num : scene_status
  }, {
  success: function(object) {
  location.href="end.html";
  }
  }, function(error) {
  alert(error);
  });
  })
  });
   
  </script>
  </body>
  <script>
  var _hmt = _hmt || [];
  (function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?818abfb5827257869fc349f7a2be4c29";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
  })();
  </script>
   
  </html>

尾页，结束页：

  <!DOCTYPE HTML>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank" />
  <title>调查</title>
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/base.css">
  <link type="text/css" rel="stylesheet" href="//image.buslive.cn/awjdc_1222/css/end.css">
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/fontSize.js"></script>
  <script type="text/javascript" src="//image.buslive.cn/awjdc_1222/js/jquery-1.10.2.min.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-mini-0.6.4.js"></script>
  <script src="//image.buslive.cn/ynyd/js/av-core-mini-0.6.4.js"></script>
  </head>
  <body>
  <ul class="cardList">
  <li>
  <h3>1.您的性别</h3>
  <p><a href="javascript:void(0)" class="sex" data="男"><span>男</span></a></p>
  <p><a href="javascript:void(0)" class="sex" data="女"><span>女</span></a></p>
  </li>
  <li>
  <h3>2.您的年龄</h3>
  <p><a href="javascript:void(0)" class="age" data="20岁以下"><span>20岁以下</span></a></p>
  <p><a href="javascript:void(0)" class="age" data="20-25岁"><span>20-25岁</span></a></p>
  <p><a href="javascript:void(0)" class="age" data="26-30岁"><span>26-30岁</span></a></p>
  <p><a href="javascript:void(0)" class="age" data="30岁以上"><span>30岁以上</span></a></p>
  </li>
  <li>
  <h3>3.您平均多长时间进行一次网络购物</h3>
  <p><a href="javascript:void(0)" class="time" data="每月4次以上"><span>每月4次以上</span></a></p>
  <p><a href="javascript:void(0)" class="time" data="每月1-4次"><span>每月1-4次</span></a></p>
  <p><a href="javascript:void(0)" class="time" data="每季度1-2次"><span>每季度1-2次</span></a></p>
  <p><a href="javascript:void(0)" class="time" data="没季度不到1次"><span>每季度不到1次</span></a></p>
  </li>
  <!-- <li style="height:3.5rem;">
  <h3>5.您平时在网络购物过程中，最关注产品的哪些信息呢？(请至少回答两种,用逗号分隔)</h3>
  <textarea name="" class="comm"></textarea>
  </li> -->
  <li>
  <h3>4.您平时在网络购物过程中,最关注产品的哪些信息(多选)？</h3>
  <p><a href="javascript:void(0)" class="info" data="价格"><span>价格</span></a></p>
  <p><a href="javascript:void(0)" class="info" data="品牌"><span>品牌</span></a></p>
  <p><a href="javascript:void(0)" class="info" data="销量"><span>销量</span></a></p>
  <p><a href="javascript:void(0)" class="info" data="评分"><span>评分</span></a></p>
  <p><a href="javascript:void(0)" class="info" data="评论内容"><span>评论内容</span></a></p>
  <p><a href="javascript:void(0)" class="info" data="售后保障"><span>售后保障</span></a></p>
  </li>
  </ul>
  <div class="infoBox">
  <p><span>其他</span><input type="text" class="info_txt" value=""></p>
  </div>
  <div class="nobuy buyBtnToo">
  <a href="javascript:void(0)">提交</a>
  </div>
  <div class="endPop">
  <div class="popMain">
  <p>感谢您的配合，</p>
  <p>祝您生活愉快,谢谢！</p>
  <a href="javascript:void(0)" class="backHomePage">返回首页</a>
  </div>
  </div>
  </body>
   
  <script>
  //存 取cookie
   
  function getCookie(name) {
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
   
  if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
  else
  return null;
  }
  function setCookie(name,value)
  {
  var Days = 30;
  var exp = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  }
   
  $(function(){
  var user_num = getCookie(‘user_num‘);
  if (!user_num) {
  user_num = Math.random();
  setCookie(‘user_num‘, user_num);
  }
   
   
  //性别
  var sex_data=0;
  $(‘.sex‘).click(function(){
  var _this=$(this);
  sex_data=_this.attr(‘data‘);
  _this.addClass(‘checked‘).parent().siblings().children().removeClass(‘checked‘);
  if(sex_data!==0&&age_data!==0&&time_data!==0&&info_arr.length!=0){
  $(".nobuy a").parent("div").addClass("toBuyBtn").removeClass("buyBtnToo");
  };
  console.log(sex_data);
  });
   
  //年龄
  var age_data=0;
  $(‘.age‘).click(function(){
  var _this=$(this);
  age_data=_this.attr(‘data‘);
  _this.addClass(‘checked‘).parent().siblings().children().removeClass(‘checked‘);
  if(sex_data!==0&&age_data!==0&&time_data!==0&&info_arr.length!=0){
  $(".nobuy a").parent("div").addClass("toBuyBtn").removeClass("buyBtnToo");
  };
  console.log(age_data);
  });
   
  //网购次数
  var time_data=0;
  $(‘.time‘).click(function(){
  var _this=$(this);
  time_data=_this.attr(‘data‘);
  _this.addClass(‘checked‘).parent().siblings().children().removeClass(‘checked‘);
  if(sex_data!==0&&age_data!==0&&time_data!==0&&info_arr.length!=0){
  $(".nobuy a").parent("div").addClass("toBuyBtn").removeClass("buyBtnToo");
  };
  console.log(time_data);
  });
   
  //关注信息
  var info_arr=[];
  $(".info").click(function(){
   
  var _this=$(this);
  if(_this.hasClass("checked")){
  _this.removeClass("checked");
  var d_d=_this.attr("data");
  var b_n = info_arr.indexOf(d_d);
  info_arr.splice(b_n, 1);
  }else{
  info_data=_this.attr("data");
  _this.addClass("checked");
  info_arr.push(info_data);
  }
   
  if(sex_data!==0&&age_data!==0&&time_data!==0&&info_arr.length!=0){
  $(".nobuy a").parent("div").addClass("toBuyBtn").removeClass("buyBtnToo");
  }
   
  console.log(info_arr);
  })
   
  // //其他
  // var info_txt_data=0;
  // $(".info_txt").keyup(function(){
  // info_txt_data=$(this).val();
  // info_arr.push(info_txt_data);
  // console.log(info_arr);
  // })
   
  // //关注
  // var comm_data=0;
  // $(‘.comm‘).keyup(function(){
  // area_comm_data=$(".comm").val();
  // if(area_comm_data.length>0){
  // comm_data=area_comm_data;
  // if(sex_data!==0&&age_data!==0&&time_data!==0&&comm_data!==0){
  // $(".nobuy a").parent("div").addClass("toBuyBtn").removeClass("buyBtnToo");
  // };
  // } else {
  // $(".nobuy a").parent("div").addClass("buyBtnToo").removeClass("toBuyBtn");
  // }
  // console.log(comm_data);
  // });
   
   
  $(document).on("click",".endPop .popMain .backHomePage",function(){
  location.href="index.html";
  });
   
  //存储数据
  $(document).on("click",".toBuyBtn a",function(){
  var otherInfo=$(".info_txt").val();
  console.log(otherInfo);
  var user_num_data = getCookie(‘user_num‘);
  var cut_user_num_data = (user_num_data.substring(2));
  AV.initialize(‘WVcpwOApF0G5SMl5kr2dLfhW-gzGzoHsz‘, ‘pB6JnQf7i8l4RkShabUT4bWl‘);
  var user_info = AV.Object.extend(‘user_info‘);
  var testObject = new user_info();
   
  testObject.save({
  sex : sex_data,
  age : age_data,
  time : time_data,
  goods : info_arr,
  other : otherInfo,
  user_num : cut_user_num_data
  }, {
  success: function(object) {
  $(".endPop").fadeIn(100);
  }
  }, function(error) {
  alert(error);
  });
  });
   
  });
   
  </script>
  <script>
  var _hmt = _hmt || [];
  (function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?818abfb5827257869fc349f7a2be4c29";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
  })();
  </script>
   
  </html>

 

leancloud存储，cookie缓存，实现简单实验调查购物车

标签：input   设置   getc   红点   设定   end   func   一个   产品   

原文地址：https://www.cnblogs.com/skzxcwebblogs/p/9358375.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！