¿Necesitas un coche do que che compras? Funciona máis no cliente da súa aplicación web que na parte do servidor, porque quere gañar puntos a velocidade? Se é así, benvido, alcanzou o lugar axeitado.
Hoxe estou adxunto o carro de JS que, xunto coa axuda de jQuery, permitirá que faga a adición típica e eliminación de elementos ou consulta do custo da compra a toda velocidade en comparación coa súa contraparte do servidor.
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>');};Mira se este carro de compras está programado dentro do paradigma orientado a obxectos de JavaScript e que asume un obxecto en notación literal para o seu bo funcionamento.
Por exemplo, para engadir un novo artigo que ten que facer isto:
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);});e Isto é todo para hoxe, espero que este código axude a axudar no seu sistema de comercio electrónico.
Tamén pode estar interesado en ler isto …
- Hello World OOP Con ECMAScript 6 (ES6)
- que vantaxes que SSG sitios estáticos xeradores ofrecer?
- Como funciona React.js?
- O que é JSON?
- Unha entrevista con tapas – unha entrevista con tapas