Aveți nevoie de o mașină de la dvs. cumpărați acest lucru Funcționează mai mult pe clientul aplicației dvs. web decât în partea de server, pentru că doriți să câștigați puncte la viteză? Dacă da, ați venit, ați ajuns la locul potrivit.
Astăzi sunt atașat JS Coș care, împreună cu ajutorul lui JQuery, vă va permite să faceți adăugarea și ștergerea tipică a elementelor sau consultarea costurilor a achiziției la viteză completă în comparație cu omologul său de server.
function Cart() { this.items = ; }Cart.prototype.add = function(item) { this.items.push(item); return this.items;};Cart.prototype.remove = function(id) { for (var i = 0; i < this.items.length; i++) { id == this.items.id ? this.items.splice(i, 1) : false; } return this.items;};Cart.prototype.get = function() { return this.items;};Cart.prototype.set = function(items) { this.items = items;};Cart.prototype.getTotal = function() { var total = 0; $.each(this.items, function(key, value) { total += value.price; }); return total;};Cart.prototype.printHTMLEdit = function(div) { $(div).empty(); $.each(this.items, function(key, value) { $(div).append('// Your HTML code here...'); }); $(div).append('<p>Total: ' + this.getTotal() + ' €</p>');};arata dacă acest coș de cumpărături este programat în paradigma orientată spre obiectele JavaScript și care își asumă un obiect în notație literală pentru funcționarea corectă.
De exemplu, pentru a adăuga un articol nou pe care trebuie să-l faceți:
var cart = new Cart();$('.buy-item').click(function(){ var item = { 'id': $(this).attr('data-id'), 'title': $(this).attr('data-title'), 'description': $(this).attr('data-description'), // Your fields here... 'price': parseFloat($(this).attr('data-price')) } cart.add(item);});și Acest lucru este totul pentru ziua de azi, sper ca acest cod te va ajuta sa te ajute in sistemul dvs. de comert electronic.
Ați putea fi, de asemenea, interesat în citirea acestui …
- Bună ziua OOP cu ECMAScript 6 (ES6)
- Ce avantaje Do SITERI SITES SITEMICE Oferta?
- Cum funcționează React.js?
- Ce este JSON?
- un interviu cu Tapas – un interviu cu Tapas