um carrinho de compras Javascript no cliente

Você precisa de um carro do que você compra Funciona mais no cliente do seu aplicativo da Web do que na parte do servidor, porque você quer ganhar pontos a velocidade? Se sim, bem-vindo, você atingiu o lugar certo.

Hoje estou anexado JS carrinho que, junto com a ajuda do jquery, permitirá que você faça a adição típica e a exclusão de elementos ou consulta do custo da compra a toda velocidade em comparação com 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>');};

Se este carrinho de compras é agendado dentro do paradigma orientado para objetos Javascript, e que assume um Objeto em notação literal para o seu funcionamento adequado.

Por exemplo, para adicionar um novo artigo que você precisa fazer isso:

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 Isso é tudo para hoje, espero que este código ajude você a ajudá-lo em seu sistema de comércio eletrônico.

Você também pode estar interessado em ler isso …

  • world hello Oop com ecmascript 6 (ES6)
  • Quais vantagens os sites estáticos ssg geradores oferecem?
  • Como reagir.js funciona?
  • O que é json?
  • uma entrevista com Tapas – uma entrevista com Tapas

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *