Shopping Cart JS script based on HTML5 Localstorage

http://blog.csdn.net/wangqiuyun/article/details/8435649

Recently in doing HTML5 this piece, refer to the online code to write a shopping cart JS script, very simple, directly on the code, Shoppingcart.js:

[JavaScript]View PlainCopy

2. Utils = {
4. SetParam: function (name,value) {
6. Localstorage.setitem (Name,value)
8. },
10. GetParam: function (name) {
12. return Localstorage.getitem (name)
14. }
16. }
20. product={
22. id:0,
24. Name: "",
26. num:0,
28. price:0.00,
30. };
32. orderdetail={
34. Username: "",
36. Phone: "",
38. Address: "",
40. ZipCode: "",
42. totalnumber:0,
44. totalamount:0.00
46. }
48. Cart = {
50. //Add items to your shopping cart
52. Addproduct:function (product) {
54. var ShoppingCart = Utils.getparam ("ShoppingCart");
56. if (shoppingcart==null| | shoppingcart=="") {
58. //First time to add products
60. var jsonstr = {"productlist": [{"id":p roduct.id,"name":p roduct.name,"num":p roduct.num,"  Price ":p Roduct.price}]," Totalnumber ":p roduct.num," TotalAmount ":(Product.price*product.num)};
62. Utils.setparam ("ShoppingCart","'" +json.stringify (JSONSTR));
64. }else{
66. var jsonstr = Json.parse (Shoppingcart.substr (1,shoppingcart.length));
68. var productlist = jsonstr.productlist;
70. var result=false;
72. //Find out if the item is in the cart
74. For (var i in productlist) {
76. if (productlist[i].id==product.id) {
78. Productlist[i].num=parseint (Productlist[i].num) +parseint (product.num);
80. result = true;
82. }
84. }
86. if (!result) {
88. //Without the product, add it directly
90. Productlist.push ({"id":p roduct.id,"name":p roduct.name,"num":p roduct.num,"Price":p Roduct.price}  );
92. }
94. //Recalculate Total Price
96. Jsonstr.totalnumber=parseint (Jsonstr.totalnumber) +parseint (product.num);
98. Jsonstr.totalamount=parsefloat (Jsonstr.totalamount) + (parseint (product.num) *parsefloat (Product.price));
100. Orderdetail.totalnumber = Jsonstr.totalnumber;
102. Orderdetail.totalamount = Jsonstr.totalamount;
104. //Save Shopping Cart
106. Utils.setparam ("ShoppingCart","'" +json.stringify (JSONSTR));
108. }
110. },
112. //Modify the quantity of goods to buy
114. Updateproductnum:function (id,num) {
116. var ShoppingCart = Utils.getparam ("ShoppingCart");
118. var jsonstr = Json.parse (Shoppingcart.substr (1,shoppingcart.length));
120. var productlist = jsonstr.productlist;
124. For (var i in productlist) {
126. if (productlist[i].id==id) {
128. Jsonstr.totalnumber=parseint (Jsonstr.totalnumber) + (parseint (num)-parseint (productlist[i].num));
130. Jsonstr.totalamount=parsefloat (Jsonstr.totalamount) + ((parseint (num) *parsefloat (productlist[i].price))-parseInt (productlist[i].num) *parsefloat (Productlist[i].price));
132. Productlist[i].num=parseint (num);
136. Orderdetail.totalnumber = Jsonstr.totalnumber;
138. Orderdetail.totalamount = Jsonstr.totalamount;
140. Utils.setparam ("ShoppingCart","'" +json.stringify (JSONSTR));
142. return;
144. }
146. }
148. },
150. //Get all items in the shopping cart
152. Getproductlist:function () {
154. var ShoppingCart = Utils.getparam ("ShoppingCart");
156. var jsonstr = Json.parse (Shoppingcart.substr (1,shoppingcart.length));
158. var productlist = jsonstr.productlist;
160. Orderdetail.totalnumber = Jsonstr.totalnumber;
162. Orderdetail.totalamount = Jsonstr.totalamount;
164. return productlist;
166. },
168. //Determine if a product exists in the shopping cart
170. Existproduct:function (ID) {
172. var ShoppingCart = Utils.getparam ("ShoppingCart");
174. var jsonstr = Json.parse (Shoppingcart.substr (1,shoppingcart.length));
176. var productlist = jsonstr.productlist;
178. var result=false;
180. For (var i in productlist) {
182. if (productlist[i].id==product.id) {
184. result = true;
186. }
188. }
190. return result;
192. },
194. //delete items in cart
196. Deleteproduct:function (ID) {
198. var ShoppingCart = Utils.getparam ("ShoppingCart");
200. var jsonstr = Json.parse (Shoppingcart.substr (1,shoppingcart.length));
202. var productlist = jsonstr.productlist;
204. var list=[];
206. For (var i in productlist) {
208. if (productlist[i].id==id) {
210. Jsonstr.totalnumber=parseint (Jsonstr.totalnumber)-parseint (productlist[i].num);
212. Jsonstr.totalamount=parsefloat (Jsonstr.totalamount)-parseint (productlist[i].num) *parseFloat (Productlist[i]. Price);
214. }else{
216. List.push (Productlist[i]);
218. }
220. }
222. Jsonstr.productlist = list;
224. Orderdetail.totalnumber = Jsonstr.totalnumber;
226. Orderdetail.totalamount = Jsonstr.totalamount;
228. Utils.setparam ("ShoppingCart","'" +json.stringify (JSONSTR));
230. }
232. };

It's also easy to use:

[JavaScript]View PlainCopy

2. var product =
4. {
6. ' ID ': ID, //attribute name enclosed in quotation marks, separated by commas between attributes
8. ' name ': ' hhh ',
10. ' num ': JQ (' #text-4 '). Val (),
12. ' price ': 199.9
14. };
16. Add items to your shopping cart
18. Cart.addproduct (product);
20. var productlist=cart.getproductlist (); //Remove shopping cart items
22. Alert (', ' product: ' +productlist[0].id+ '+productlist[0].name+ '+productlist[0].num+ '+  Productlist[0].price, ' OK ');

Shopping Cart JS script based on HTML5 Localstorage