首页 分享 localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车

localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车

来源:花匠小妙招 时间:2024-12-22 09:52

最新推荐文章于 2024-01-30 09:50:39 发布

wdbsrl 于 2016-04-15 08:54:59 发布

localStorage.setItem("key","value");       localStorage.key = "value"       localStorage.getItem("key");       localStorage.key;       localStorage.removeItem("key")      var students =    {       liyang:{name:"liyang",age:17},          lilei:{name:"lilei",age:18}      }         students = JSON.stringify(students);      localStorage.setItem("students",students);          var students = localStorage.getItem("students");       students = JSON.parse(students);          utils = {       setParam : function (name,value){           localStorage.setItem(name,value)       },       getParam : function(name){           return localStorage.getItem(name)       }   }      product={       id:0,       name:"",       num:0,       price:0.00   };   orderdetail={       username:"",       phone:"",       address:"",       zipcode:"",       totalNumber:0,       totalAmount:0.00       }   cart = {              addproduct: function (product) {           var ShoppingCart = utils.getParam("ShoppingCart");           if (ShoppingCart == null || ShoppingCart == "") {                              var jsonstr = { "productlist": [{ "id": product.id, "name": product.name, "num": product.num, "price": product.price}], "totalNumber": product.num, "totalAmount": (product.price * product.num) };               utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));           } else {               var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));               var productlist = jsonstr.productlist;               var result = false;                              for (var i in productlist) {                   if (productlist[i].id == product.id) {                       productlist[i].num = parseInt(productlist[i].num) + parseInt(product.num);                       result = true;                   }               }               if (!result) {                                      productlist.push({ "id": product.id, "name": product.name, "num": product.num, "price": product.price });               }                              jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + parseInt(product.num);               jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + (parseInt(product.num) * parseFloat(product.price));               orderdetail.totalNumber = jsonstr.totalNumber;               orderdetail.totalAmount = jsonstr.totalAmount;                              utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));           }       },              updateproductnum: function (id, num) {           var ShoppingCart = utils.getParam("ShoppingCart");           var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));           var productlist = jsonstr.productlist;              for (var i in productlist) {               if (productlist[i].id == id) {                   jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + (parseInt(num) - parseInt(productlist[i].num));                   jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + ((parseInt(num) * parseFloat(productlist[i].price)) - parseInt(productlist[i].num) * parseFloat(productlist[i].price));                   productlist[i].num = parseInt(num);                   orderdetail.totalNumber = jsonstr.totalNumber;                   orderdetail.totalAmount = jsonstr.totalAmount;                   utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));                   return;               }           }       },              getproductlist: function () {           var ShoppingCart = utils.getParam("ShoppingCart");           var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));           var productlist = jsonstr.productlist;           orderdetail.totalNumber = jsonstr.totalNumber;           orderdetail.totalAmount = jsonstr.totalAmount;           return productlist;       },              existproduct: function (id) {           var result = false;           var ShoppingCart = utils.getParam("ShoppingCart");           if (ShoppingCart != null) {               var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));               var productlist = jsonstr.productlist;               for (var i in productlist) {                   if (productlist[i].id == id) {                       result = true;                   }               }           }           return result;       },              deleteproduct: function (id) {           var ShoppingCart = utils.getParam("ShoppingCart");           var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));           var productlist = jsonstr.productlist;           var list = [];           for (var i in productlist) {               if (productlist[i].id == id) {                   jsonstr.totalNumber = parseInt(jsonstr.totalNumber) - parseInt(productlist[i].num);                   jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) - parseInt(productlist[i].num) * parseFloat(productlist[i].price);               } else {                   list.push(productlist[i]);               }           }           jsonstr.productlist = list;           orderdetail.totalNumber = jsonstr.totalNumber;           orderdetail.totalAmount = jsonstr.totalAmount;           utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));       }   };      var product =   {       'id': id,               'name': 'hhh',       'num':jq('#text-4').val(),       'price':199.9   };      cart.addproduct(product);   var productlist=cart.getproductlist();   alert('', '商品:'+productlist[0].id+' '+productlist[0].name+' '+productlist[0].num+' '+productlist[0].price, '确定'); 

相关知识

web前端开发爱尚鲜花.rar资源
json格式
【毕业设计之html系列】基于html5的花店网站设计
前端简历模板
佐田门窗 data=JSON
day02
如何构建一个具备用户注册、鲜花检索、购物车以及订单查询功能的网上鲜花店信息管理系统?请结合JSP技术和JAVA语言进行详细说明。
JSON格式化 json在线解析工具 在线json格式校验
HTML5开发移动web应用——SAP UI5篇(1)
慕尚花坊笔记

网址: localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车 https://www.huajiangbk.com/newsview1231237.html

所属分类:花卉
上一篇: 建军医话(003): 很难使用的
下一篇: 10个免费网盘资源搜索网站

推荐分享