Heim > Web-Frontend > js-Tutorial > Hauptteil

Analyse der jQuery-Warenkorbimplementierung basierend auf cookie_jquery

WBOY
Freigeben: 2016-05-16 15:23:46
Original
1315 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt den von jQuery auf Basis von Cookies implementierten Warenkorb. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Hier wird das Prinzip des JQuery-Einkaufswagens analysiert, einschließlich des Hinzufügens von Produkten und Mengen zum Warenkorb-Cookie, der Feststellung, ob sich Produkte im Warenkorb befinden, und, wenn ja, der Konvertierung der JSON-Zeichenfolge in ein Objekt und der Rückgabe der Gesamtzahl der aktuellen Produkte im Cookie.

Artikel zum Warenkorb hinzufügen:

$(function(){
$(".tc").hide();
var PId = $("#hfPId").val(); // 商品的ID
var PName = $("#lblPName").text(); // 商品名称
var PMemberPrice = $("#lblPMemberPrice").text(); // 会员价
var PAmount = 1;
var jsonStr = "[{'PId':'" + PId + "','PName':'" + PName + "','PMemberPrice':'" + PMemberPrice + "','PAmount':'" + PAmount + "'}]";
//将商品放入购物车
$("#putCart").click(function(){
setCookie(PId, jsonStr);
});

Nach dem Login kopieren

Aufgabe:

var setCookie = function(name, value, options){
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage