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

主页,欢迎页

  <!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>

原文地址:https://www.cnblogs.com/skzxcwebblogs/p/9358375.html

时间: 2024-10-12 23:58:11

leancloud存储,cookie缓存,实现简单实验调查购物车的相关文章

jQuery使用cookie与json简单实现购物车功能

本文实例讲述了jQuery使用cookie与json简单实现购物车的方法.分享给大家供大家参考,具体如下: 1.生成一个cookie 用来存储商品的id  String类型 2.添加商品id的时候 把cookie转化成数组,并检查是否已经包含了.没有包含用js push重新生成新的数组. 3.把数组转化成String 用cookie存储. 以下是jquery对cookie和JSON的操作方法 $.cookie("cart","ids",{expires:-7,pat

Android本地化存储Cookie(针对HttpClient)

因为最近有人问我怎么保存HttpClient的Cookie, 所以这里写下, 顺便记录总结吧. 当然, 有Android网络编程经历的童鞋一看就懂喇~ 就不多说了, 直接上代码: /** * 本地存储Cookie * @param response */ private void saveCookies(HttpResponse response) { SharedPreferences preferences = getSharedPreferences("cookies", MOD

Nginx专题: upstream模块和缓存的简单使用

Nginx专题: upstream模块和缓存的简单使用 前言: 本文接着上篇Nginx专题: 从编译安装到URL重写来介绍Nginx的负载均衡模块使用方法, 本文的实验没有考虑大多数情况, 例如两个web服务器之间的数据同步等, 主要写Nginx如何作为负载均衡器使用并且缓存 实验拓扑 实验环境 主机 IP地址 功用 lb.anyisalin.com 172.16.1.2 负载均衡并缓存静态资源 web1.anyisalin.com 172.16.1.3 提供web服务 web2.anyisal

JavaWeb之cookie缓存技术

web应用的会话技术:打开浏览器并访问网站,请求多个资源,关闭浏览器的过程. 在这个过程中,缓存用户数据常用的有两种技术: 1.cookie技术:用于在浏览器端,缓存用户的数据,可以理解为数据缓存在用户本地 2.session技术:用于在服务端,缓存用户的数据,可以理解为数据缓存在服务器. cookie技术: 1.服务器需要缓存数据,将数据发给浏览器,浏览器对缓存数据进行存储;当浏览器再次访问服务器的时间后,会将缓存信息,一起发给服务器. 2.cookie技术的原理图解: 根据上图分析如下: a

[js开源组件开发]localStorage-cache本地存储的缓存管理

localStorage-cache本地存储的缓存管理 距离上次的组件开发有近三个月的时间了,最近一直在做一些杂事,无法静下心来写写代码,也是在学习emberjs,在emberjs中有一个很重要的东西 -- localstorage_adapter,本地存储适配器,利用它可以很方便的把数据保存在本地的localStorage中,但我今天要讲的,并不是ember,也不是适配器,我是个比较念旧的人,所以我对cookie很情有独钟,当然,cookie也会有各种问题,于是我就来改造下localStora

memcachedb-持久化存储的缓存系统

Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提供动态.数据库驱动网站的速度.Memcached基于一个存储键/值对的hashmap.其守护进程(daemon )是用C写的,但是客户端可以用任何语言来编写,并通过memcached协议与守护进程通信. memcached是一套分布式的快取系统,当初是Danga Interactive为了LiveJournal所发展的,但目前被许多软件(如Med

mvc存储Cookie和读取Cookie方法

mvc存储Cookie和读取Cookie方法: //存储 HttpCookie cookie = new HttpCookie("User"); System.Text.Encoding enc = System.Text.Encoding.GetEncoding("gb2312"); cookie["id"] = HttpUtility.UrlEncode(logid.ToString(), enc); cookie["UserNam

SDN入门,简单实验

网上大多数视频教程都是用virtualbox做演示的,我的电脑不知道怎么回事无法正常启动,于是用性能更好的vmware workstation来做实验,今天终于搞定,装上了MiniNet. 从www.openflow.org的tutorial下载mininet的2.0版本,里面有一个简单搭好的topo host2-----Switch0-----host3 VMware载入mininet,用户名和密码均为openflow. Step1  启动mininet Step2   查询网络情况 node

[Python Fabric] [SSH] Mac OS X 10.9 + Vagrant虚拟环境使用Python Fabric进行SSH远程登录的简单实验

1. ssh客户端生成key 1 $ ssh-keygen -t rsa -b 4096 2 Generating public/private rsa key pair. 3 Enter file in which to save the key (/Users/(username)/.ssh/id_rsa): vagrantid_rsa 4 Enter passphrase (empty for no passphrase): 5 Enter same passphrase again: 6