search
HomeWeb Front-endFront-end Q&AWhat are cookies? how to work?

What are cookies? how to work?

Jan 18, 2019 am 10:51 AM
cookie

Many websites use small strings of characters called cookies to store persistent client-side state between connections. The following article will introduce you to cookies and briefly understand how they work. I hope it will be helpful to you.

What are cookies? how to work?

What are cookies?

Cookies are small files that are stored on the user's computer. They are used to hold a modest amount of data specific to a particular client and website, and can be accessed via the web server or client computer.

Cookies are basically small documents that contain information about the website we browse (settings, records, etc.). For example, when we select the language in which we want to view a website, the website saves the information in a file called a cookie on our computer. The next time we visit the website, it will be able to read the previously saved cookie file (which contains The language of the set website). This way we can view the website in the preferred language without having to select the language again.

The information contained by cookies can be of any type, such as the time the website was visited, items added to the shopping basket, all links clicked on the website, etc.

If a cookie is created in a specific website and you later visit another website, the latter will not be able to read the content from the first website, in other words, only the same website where the information was saved will be accessible.

How do cookies work?

Cookies are passed from the server to the client and back in the HTTP headers of requests and responses. Servers can use cookies to indicate session IDs, shopping cart contents, login credentials, user preferences, etc. Let's take a look at how Cookies work.

What are cookies? how to work?

As you can see from the above figure, when the user requests a page for the first time, the server sends the cookie object together with the resource to be stored on the client. This object may contain details of the request. Now later, if the user requests the same resource again, it sends the request along with the stored cookie which can be used by the server to further enhance the user's experience.

Two types of Cookies

Session Cookie:

Session cookie means no The state of a defined life cycle, which only persists while the user is using the website, and the session cookie is usually deleted when the web browser is exited. If the user does not visit the website for a while on the server (idle timeout), the session cookie will expire. If someone comes to use our computer, they won't be able to see anything on a website that uses a session cookie because they will need to enter their username and password again.

Persistent Cookie:

Persistent cookie is the state when its life cycle is set. Persistent Cookie is more persistent than the user session. If you set the maximum age of a persistent cookie to 1 year, then within a year, every time the user visits the server, the initial value set in the cookie will be sent back to the server. This can be used to record important information, such as how a user originally arrived at the website. Therefore, persistent cookies are also called tracking cookies.

The above is the entire content of this article, I hope it will be helpful to everyone's study. For more exciting content, you can pay attention to the relevant tutorial columns of the PHP Chinese website! ! !

The above is the detailed content of What are cookies? how to work?. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
CSS: Can I use multiple IDs in the same DOM?CSS: Can I use multiple IDs in the same DOM?May 14, 2025 am 12:20 AM

No,youshouldn'tusemultipleIDsinthesameDOM.1)IDsmustbeuniqueperHTMLspecification,andusingduplicatescancauseinconsistentbrowserbehavior.2)Useclassesforstylingmultipleelements,attributeselectorsfortargetingbyattributes,anddescendantselectorsforstructure

The Aims of HTML5: Creating a More Powerful and Accessible WebThe Aims of HTML5: Creating a More Powerful and Accessible WebMay 14, 2025 am 12:18 AM

HTML5aimstoenhancewebcapabilities,makingitmoredynamic,interactive,andaccessible.1)Itsupportsmultimediaelementslikeand,eliminatingtheneedforplugins.2)Semanticelementsimproveaccessibilityandcodereadability.3)Featureslikeenablepowerful,responsivewebappl

Significant Goals of HTML5: Enhancing Web Development and User ExperienceSignificant Goals of HTML5: Enhancing Web Development and User ExperienceMay 14, 2025 am 12:18 AM

HTML5aimstoenhancewebdevelopmentanduserexperiencethroughsemanticstructure,multimediaintegration,andperformanceimprovements.1)Semanticelementslike,,,andimprovereadabilityandaccessibility.2)andtagsallowseamlessmultimediaembeddingwithoutplugins.3)Featur

HTML5: Is it secure?HTML5: Is it secure?May 14, 2025 am 12:15 AM

HTML5isnotinherentlyinsecure,butitsfeaturescanleadtosecurityrisksifmisusedorimproperlyimplemented.1)Usethesandboxattributeiniframestocontrolembeddedcontentandpreventvulnerabilitieslikeclickjacking.2)AvoidstoringsensitivedatainWebStorageduetoitsaccess

HTML5 goals in comparison with older HTML versionsHTML5 goals in comparison with older HTML versionsMay 14, 2025 am 12:14 AM

HTML5aimedtoenhancewebdevelopmentbyintroducingsemanticelements,nativemultimediasupport,improvedformelements,andofflinecapabilities,contrastingwiththelimitationsofHTML4andXHTML.1)Itintroducedsemantictagslike,,,improvingstructureandSEO.2)Nativeaudioand

CSS: Is it bad to use ID selector?CSS: Is it bad to use ID selector?May 13, 2025 am 12:14 AM

Using ID selectors is not inherently bad in CSS, but should be used with caution. 1) ID selector is suitable for unique elements or JavaScript hooks. 2) For general styles, class selectors should be used as they are more flexible and maintainable. By balancing the use of ID and class, a more robust and efficient CSS architecture can be implemented.

HTML5: Goals in 2024HTML5: Goals in 2024May 13, 2025 am 12:13 AM

HTML5'sgoalsin2024focusonrefinementandoptimization,notnewfeatures.1)Enhanceperformanceandefficiencythroughoptimizedrendering.2)Improveaccessibilitywithrefinedattributesandelements.3)Addresssecurityconcerns,particularlyXSS,withwiderCSPadoption.4)Ensur

What are the main areas where HTML5 tried to improve?What are the main areas where HTML5 tried to improve?May 13, 2025 am 12:12 AM

HTML5aimedtoimprovewebdevelopmentinfourkeyareas:1)Multimediasupport,2)Semanticstructure,3)Formcapabilities,and4)Offlineandstorageoptions.1)HTML5introducedandelements,simplifyingmediaembeddingandenhancinguserexperience.2)Newsemanticelementslikeandimpr

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools