Уеб браузъри могат да генерират уникална сесия, предназначена за всеки потребител на сайта. Често този процес се осъществява в гръб с помощта на езици като PHP или Ruby, но ние също може да се използва бисквитка сесия на външния интерфейс с помощта на к # 097; vascript. Има много ръководства, които обясняват как да се генерира чиста JS-бисквитка. Но новите JQuery-библиотечни Бисквитки значително опростява процеса.
Нека ви разкажем как да използвате JQuery Cookies могат да бъдат реализирани по една много проста система за удостоверяване. Всички кодът ще бъде представен на външен интерфейс, но за да видите резултатите, ще се наложи на живо-сървър за тестване. Браузър бисквитки ще създадат местна ПР, предложената уеб сървър, което означава, че за съжаление няма да може да изпълнява тези скриптове на местно ниво. Не забравяйте да прочетете на живо демонстрацията да се разбере какво ще бъде обсъдено.
Да започнем с това, ние ще създадем проба HTML5-документ с едно позоваване на библиотеката JQuery, както и на Cookies функция JQuery. Можете да ги свалите директно от Github Repo. и един файл, че имаме нужда, това jquery.cookie.js.
Съдържанието на вътрешния елемент
CSS стилове не е толкова сложно, но би било хубаво vdatsya в някои детайли. Създали сме лъскава CSS3 бутон, с помощта на върховете на Codepen лидерство. Тези стилове са доста подробни, и трябва да бъдат запазени за повторна употреба и в други проекти.
Ние също се промени за въвеждане по подразбиране елементи, така че те са по-добре се комбинира с страницата. Контейнерът с данни за вход на определен имот дисплей: няма, така че той няма да се състои на генерираната страница. Въпреки това, той все още е активна част от DOM, а това означава, че ние може да контролира стойността на дисплея с помощта на JQuery. Сега нека да погледнем на JQuery-кода намиращ се на дъното на страницата, непосредствено преди тялото на затваряне.
Бисквити с JQuery
Приставката ни предлага редица стандартни функции, които могат да се нуждаят от повече логика в обичайната й # 097; vascript. Тук са предварително определени вътрешни методи, за да се обадите на нова бисквитка и изтриване на съществуващи. Нека да погледнем в отварянето на блок от код, за да разбере какво се случва тук:
Свързани статии