Browserele web pot genera sesiuni unice concepute pentru fiecare utilizator de pe site. Adesea acest proces este implementat în interfața internă cu ajutorul unor limbi precum PHP sau Ruby, dar putem folosi și cookie-uri pe interfața externă cu j # 097; vascript. Există multe tutoriale care vă spun cum să generați cookie-uri JS curate. Dar noile cookie-uri ale bibliotecii jQuery simplifică foarte mult procesul.
Să vă spunem cum să utilizați cookie-urile jQuery pentru a implementa un sistem de autentificare foarte simplu. Tot codul va fi prezentat pe interfața externă, dar pentru a vedea rezultatele lucrării, veți avea nevoie de un server live pentru testare. Cookie-urile cookie vor crea pe IP-ul local oferit de serverul web, ceea ce înseamnă că, din păcate, nu puteți rula aceste scripturi la nivel local. Nu uitați să citiți demo-ul live pentru a înțelege ce va fi discutat.
În primul rând, vom crea un document HTML5 exemplar, cu o singură referință la biblioteca jQuery, precum și funcția jQuery Cookies. Puteți să le descărcați direct de la Github Repo. iar singurul fișier de care avem nevoie este jquery.cookie.js.
Conținutul elementului interior
CSS-stilurile nu sunt atât de confuze, dar ar fi frumos să intri în detalii. Am creat un buton CSS3 lucios, folosind sfaturile din manualul Codepen. Aceste stiluri sunt destul de dezvoltate și ar trebui salvate pentru reutilizare în alte proiecte.
De asemenea, am schimbat elementele de intrare standard pentru a se potrivi mai bine cu pagina. Containerul cu detalii de conectare este indicat de afișaj: nici o proprietate, astfel încât să nu necesite spațiu pe pagina generată. Cu toate acestea, ea încă formează partea activă a DOM, ceea ce înseamnă că putem controla valoarea afișată cu jQuery. Acum, să aruncăm o privire la acest cod jQuery situat în partea de jos a paginii, chiar înaintea etichetei de închidere a corpului.
Cookies în jQuery
Pluginul ne oferă câteva funcții standard, care pot necesita mult mai multă logică în javascriptul obișnuit # 097; vascript. Sunt prezentate metode interne pregătite pentru a apela cookie-urile noi și a le șterge pe cele existente. Să aruncăm o privire la blocul de deschidere pentru a înțelege ce se întâmplă aici:
Articole similare
Trimiteți-le prietenilor: