{"id":12860,"date":"2022-09-20T13:30:19","date_gmt":"2022-09-20T11:30:19","guid":{"rendered":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?p=12860"},"modified":"2022-10-29T15:29:10","modified_gmt":"2022-10-29T13:29:10","slug":"javascript-local-storage-3","status":"publish","type":"post","link":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/","title":{"rendered":"JavaScript Local Storage Le navigateur web en tant que datastore"},"content":{"rendered":"\n<p class=\"has-medium-font-size wp-block-paragraph\">Javascript est sans aucun doute le langage le plus utilis\u00e9 et le plus r\u00e9pandu dans le monde. Utile pour ex\u00e9cuter du code dans une fen\u00eatre de navigateur Web. Au fil du temps, il est \u00e9galement devenu un langage tr\u00e8s fiable et mature. Comme tous les langages, il se caract\u00e9rise par la pr\u00e9sence d&#8217;API qui enrichissent le langage de fonctionnalit\u00e9s extraordinaires. Depuis quelques ann\u00e9es, <a href=\"https:\/\/dev.to\/j471n\/how-to-use-web-storage-api-3o28\" target=\"_blank\" rel=\"noreferrer noopener\">l&#8217;API Web Storage<\/a>, c&#8217;est-\u00e0-dire la biblioth\u00e8que qui s&#8217;occupe de la gestion du stockage des objets, utilis\u00e9e dans la phase d&#8217;ex\u00e9cution du code Javascript, a \u00e9t\u00e9 mise \u00e0 jour avec l&#8217;impl\u00e9mentation de deux nouvelles propri\u00e9t\u00e9s g\u00e9r\u00e9es par l&#8217;objet window. Les deux propri\u00e9t\u00e9s en question sont: localStorage et sessionStorage. Les deux cr\u00e9ent &#8220;<strong>Javascript Local Storage<\/strong>&#8220;. Un environnement qui transformera votre navigateur web en une v\u00e9ritable banque de donn\u00e9es locale d&#8217;objets.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">In questo articolo:<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#1_Difference_entre_Cookie_localStorage_et_sessionStorage\" >1. Diff\u00e9rence entre Cookie, localStorage et sessionStorage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#2_Stockage_local_Javascript_en_action\" >2. Stockage local Javascript en action<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#3_Supprimer_les_objets_localStorage\" >3. Supprimer les objets localStorage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#4_Conclusions\" >4. Conclusions<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Difference_entre_Cookie_localStorage_et_sessionStorage\"><\/span><strong>1. Diff\u00e9rence entre Cookie, localStorage et sessionStorage<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Vous vous demandez s\u00fbrement : &#8220;Quelle diff\u00e9rence y a-t-il entre g\u00e9rer un datastore \u00e0 l&#8217;aide de cookies et une gestion r\u00e9alis\u00e9e \u00e0 l&#8217;aide de localStorage et de sessionStorage ?&#8221; La question est plus que pertinente et, pour \u00eatre honn\u00eate, je suis content que vous l&#8217;ayez pos\u00e9e. Comme vous le savez bien, les langages de programmation \u00e9voluent et cette \u00e9volution est souvent impos\u00e9e par des facteurs qui imposent un niveau de gestion de la s\u00e9curit\u00e9 toujours plus \u00e9lev\u00e9. Surtout dans l&#8217;environnement Web. En fait, ils travaillent sur la m\u00eame politique d&#8217;origine. Par cons\u00e9quent, les donn\u00e9es stock\u00e9es c\u00f4t\u00e9 client ne seront disponibles que sur cette source. Contrairement aux cookies, localStorage et sessionStorage ont des limites de m\u00e9moire plus larges pour le stockage des donn\u00e9es. Vous vous souviendrez qu&#8217;avec les cookies, vous disposiez d&#8217;un maximum de 4 Ko. Eh bien, localStorage et sessionStorage ont un bon 5 Mo disponible pour l&#8217;ensemble du magasin de donn\u00e9es. De plus, comme les donn\u00e9es ne peuvent \u00eatre g\u00e9r\u00e9es que du c\u00f4t\u00e9 client, elles ne seront pas envoy\u00e9es de temps en temps au serveur, ce qui r\u00e9duira le trafic entre le client et le serveur.<\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Lire la suite: <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/photo-editing-online-2\/\">Le meilleur \u00e9diteur de photos pour retouche photos gratuit<\/a><\/p>\n\n\n\n<hr>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Stockage_local_Javascript_en_action\"><\/span><strong>2. Stockage local Javascript en action<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Maintenant, apr\u00e8s avoir dissip\u00e9 toutes sortes de doutes sur l&#8217;utilisation de Javascript Local Storage, revenons aux propri\u00e9t\u00e9s localStorage et sessionStorage. Comme tout ce qui concerne le d\u00e9veloppement en g\u00e9n\u00e9ral, un bon exemple est la ressource la plus importante pour expliquer en d\u00e9tail la mise en \u0153uvre et l&#8217;utilisation de ces deux propri\u00e9t\u00e9s fondamentales. Cependant, je pr\u00e9vois d&#8217;abord que pour d\u00e9finir et r\u00e9cup\u00e9rer des donn\u00e9es \u00e0 partir du magasin de donn\u00e9es du navigateur, \u00e0 la fois localStorage et sessionStorage, ils utilisent deux m\u00e9thodes qui ne laissent aucun doute sur leur fonction. Les deux m\u00e9thodes sont: setItem et getItem. Dans les deux exemples suivants, dont vous pouvez tester le code, par copier-coller, dans votre page html, les deux m\u00e9thodes sont impl\u00e9ment\u00e9es avec une simplicit\u00e9 d\u00e9sarmante.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">exemple de localStorage:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;! DOCTYPE html>\n&lt;html>\n   &lt;body>\n      &lt;h1> How localStorage works &lt;\/h1>\n      &lt;h2> The localStorage property &lt;\/h2>\n      &lt;p> The name stored in localStorage is: &lt;\/p>\n      &lt;p id = \"demo\"> &lt;\/p>\n      &lt;script>\n        \/\/ -------------------------------\n        \/\/ Set the \"lastname\" variable\n        \/\/ -------------------------------\n        localStorage.setItem (\"lastname\", \"Smith\");\n\n        \/\/ -----------------------------------------------\n        \/\/ Get the content of the \"lastname\" variable\n        \/\/ and displays it in the \"demo\" paragraph\n        \/\/ -----------------------------------------------\n        document.getElementById (\"demo\"). innerHTML = localStorage.getItem (\"lastname\");\n      &lt;\/script>\n   &lt;\/body>\n&lt;\/html>\n<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">exemple de sessionStorage:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;html>\n   &lt;body>\n      &lt;h1> How sessionStorage works &lt;\/h1>\n      &lt;h2> The sessionStorage property &lt;\/h2>\n      &lt;p> The Name is: &lt;\/p>\n      &lt;p id = \"demo\"> &lt;\/p>\n      &lt;script>\n         \/\/ -------------------------------------------\n         \/\/ Set the \"lastname\" session variable\n         \/\/ -------------------------------------------\n         sessionStorage.setItem (\"lastname\", \"Smith\");\n\n         \/\/ ------------------------------------------------ -----------\n         \/\/ Get the contents of the session variable \"lastname\"\n         \/\/ and displays it in the \"demo\" paragraph\n         \/\/ ------------------------------------------------ -----------\n         let personName = sessionStorage.getItem (\"lastname\");\n         document.getElementById (\"demo\"). innerHTML = personName;\n      &lt;\/script>\n   &lt;\/body>\n&lt;\/html>\n<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Le code ne laisse aucun doute. Comprendre le fonctionnement de ces deux propri\u00e9t\u00e9s extraordinaires de l&#8217;objet fen\u00eatre est extr\u00eamement simple. Cependant, il convient de pr\u00e9ciser quand utiliser localStorage et quand utiliser sessionStorage. La diff\u00e9rence substantielle entre localStorage et sessionStorage concerne uniquement la visibilit\u00e9 qu&#8217;ont les objets trait\u00e9s au sein du datastore d&#8217;un navigateur. En effet, alors qu&#8217;avec sessionStorage les objets ne sont visibles que pour la fen\u00eatre\/l&#8217;onglet dans lequel ils ont \u00e9t\u00e9 d\u00e9finis et restent actifs jusqu&#8217;\u00e0 la fermeture de la fen\u00eatre\/l&#8217;onglet du navigateur qui les a g\u00e9n\u00e9r\u00e9s. Avec localStorage, les donn\u00e9es persistent jusqu&#8217;\u00e0 ce qu&#8217;elles soient explicitement supprim\u00e9es et, si elles ne sont pas supprim\u00e9es, elles seront \u00e9galement disponibles pour de futures visites sur la page Web, mais uniquement sur la m\u00eame origine. Les donn\u00e9es stock\u00e9es avec localStorage n&#8217;ont pas de date d&#8217;expiration.<\/p>\n\n\n<div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'>\n<center>\n<div class=\"aicp\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-0994451288478537\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-format=\"autorelaxed\"\n     data-ad-client=\"ca-pub-0994451288478537\"\n     data-ad-slot=\"6201132911\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<\/center>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Supprimer_les_objets_localStorage\"><\/span><strong>3. Supprimer les objets localStorage<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Comme mentionn\u00e9 pr\u00e9c\u00e9demment, Javascript a \u00e9t\u00e9 enrichi de deux propri\u00e9t\u00e9s. Le premier, localStorage, tr\u00e8s pratique et largement utilis\u00e9 par les d\u00e9veloppeurs, capable de stocker des donn\u00e9es dans le navigateur, mais, apr\u00e8s la fermeture de la fen\u00eatre\/onglet du navigateur qui a g\u00e9n\u00e9r\u00e9 les donn\u00e9es, les informations continueront \u00e0 persister jusqu&#8217;\u00e0 ce que le d\u00e9veloppeur ne les supprime pas explicitement. La deuxi\u00e8me propri\u00e9t\u00e9, sessionStorage, d\u00e9finit les objets de session. Quant \u00e0 sessionStorage, g\u00e9rant les objets de session, ils seront automatiquement supprim\u00e9s \u00e0 la fermeture du navigateur ou de la fen\u00eatre\/onglet qui les a g\u00e9n\u00e9r\u00e9s. Tandis que l&#8217;\u00e9limination des objets, g\u00e9n\u00e9r\u00e9s avec la propri\u00e9t\u00e9 localStorage, se produit explicitement. Cela signifie que le programmeur g\u00e9rera sa vie.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">La suppression d&#8217;objets cr\u00e9\u00e9s par localStorage est tr\u00e8s simple. En fait, cette propri\u00e9t\u00e9 poss\u00e8de une m\u00e9thode &#8220;removeItem&#8221; qui re\u00e7oit en param\u00e8tre l&#8217;objet \u00e0 supprimer. Ainsi, si vous souhaitez supprimer l&#8217;objet &#8220;lastname&#8221;, pr\u00e9sent dans les deux scripts abord\u00e9s dans le paragraphe pr\u00e9c\u00e9dent, vous devez ex\u00e9cuter cette commande:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">localStorage.removeItem ('lastname');<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Apr\u00e8s avoir ex\u00e9cut\u00e9 cette commande, l&#8217;objet &#8220;lastname&#8221; sera compl\u00e8tement supprim\u00e9 du magasin de donn\u00e9es du navigateur. Tant que cette op\u00e9ration n&#8217;est pas effectu\u00e9e, tous les objets, cr\u00e9\u00e9s avec la propri\u00e9t\u00e9 localStorage, seront toujours disponibles, m\u00eame apr\u00e8s des jours, sur la m\u00eame origine. Autrement dit, le m\u00eame ordinateur et le m\u00eame navigateur acc\u00e9deront aux objets localStorage jusqu&#8217;\u00e0 ce qu&#8217;ils soient explicitement supprim\u00e9s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Conclusions\"><\/span><strong>4. Conclusions<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Pour dissiper tout doute sur l&#8217;utilisation de ces deux nouvelles propri\u00e9t\u00e9s extraordinaires de l&#8217;objet fen\u00eatre, je vous recommande de suivre ce court tutoriel vid\u00e9o qui vous permettra de comprendre en d\u00e9tail les diff\u00e9rences entre ces deux propri\u00e9t\u00e9s fondamentales.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"JavaScript LocalStorage and Session Storage API Tutorial\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/zmFDvFwj6-8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption><a href=\"https:\/\/youtu.be\/zmFDvFwj6-8\" target=\"_blank\" rel=\"noreferrer noopener\">localStorage et sessionStorage in Javascript<\/a><\/figcaption><\/figure>\n\n\n<div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'>\n<center>\n<div class=\"aicp\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-0994451288478537\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-format=\"autorelaxed\"\n     data-ad-client=\"ca-pub-0994451288478537\"\n     data-ad-slot=\"6201132911\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<\/center>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Avec Javascript Local Storage, vous pouvez transformer votre navigateur en datastore. Autrement dit, vous pouvez d\u00e9finir et r\u00e9cup\u00e9rer des objets dans le navigateur Web et stocker des donn\u00e9es sans date d&#8217;expiration.<\/p>\n","protected":false},"author":1,"featured_media":12863,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2790,2797],"tags":[2814,2816,5208],"class_list":["post-12860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles-de-blog-fr","category-developpement-fr","tag-developpement","tag-javascript-fr","tag-server-fr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript Local Storage Le navigateur web en tant que datastore<\/title>\n<meta name=\"description\" content=\"Avec le Javascript local storage, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d&#039;objets locaux et de session.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Local Storage Le navigateur web en tant que datastore.\" \/>\n<meta property=\"og:description\" content=\"Avec le stockage local Javascript, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d&#039;objets locaux et de session.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Antonio Lamorgese\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T11:30:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-29T13:29:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio Lamorgese\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"JavaScript Local Storage Le navigateur web en tant que datastore.\" \/>\n<meta name=\"twitter:description\" content=\"Avec le stockage local Javascript, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d&#039;objets locaux et de session.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:site\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Lamorgese\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/\"},\"author\":{\"name\":\"Antonio Lamorgese\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"headline\":\"JavaScript Local Storage Le navigateur web en tant que datastore\",\"datePublished\":\"2022-09-20T11:30:19+00:00\",\"dateModified\":\"2022-10-29T13:29:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/\"},\"wordCount\":1067,\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\",\"keywords\":[\"d\u00e9veloppement\",\"javascript\",\"server\"],\"articleSection\":[\"Articles de blogs\",\"d\u00e9veloppement\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/\",\"name\":\"JavaScript Local Storage Le navigateur web en tant que datastore\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\",\"datePublished\":\"2022-09-20T11:30:19+00:00\",\"dateModified\":\"2022-10-29T13:29:10+00:00\",\"description\":\"Avec le Javascript local storage, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d'objets locaux et de session.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg\",\"width\":800,\"height\":450,\"caption\":\"javascript local storage\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/javascript-local-storage-3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"d\u00e9veloppement\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/fr\\\/category\\\/developpement-fr\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript Local Storage Le navigateur web en tant que datastore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/\",\"name\":\"Antonio Lamorgese\",\"description\":\"Il web e i suoi strumenti operativi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\",\"name\":\"Antonio Lamorgese\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"width\":120,\"height\":130,\"caption\":\"Antonio Lamorgese\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\"},\"description\":\"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....\",\"sameAs\":[\"https:\\\/\\\/www.Phpcodewizard.it\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/antonio-lamorgese-660735190\\\/\",\"https:\\\/\\\/pinterest.it\\\/antoniolamorgese9711\\\/\",\"https:\\\/\\\/x.com\\\/AntonioLamorge3\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/antoniolamorgese\",\"https:\\\/\\\/tumblr.com\\\/blog\\\/phpcodewizard\"],\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/author\\\/antonio-lamorgese\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Local Storage Le navigateur web en tant que datastore","description":"Avec le Javascript local storage, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d'objets locaux et de session.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/","og_locale":"it_IT","og_type":"article","og_title":"JavaScript Local Storage Le navigateur web en tant que datastore.","og_description":"Avec le stockage local Javascript, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d'objets locaux et de session.","og_url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/","og_site_name":"Antonio Lamorgese","article_published_time":"2022-09-20T11:30:19+00:00","article_modified_time":"2022-10-29T13:29:10+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","type":"image\/jpeg"}],"author":"Antonio Lamorgese","twitter_card":"summary_large_image","twitter_title":"JavaScript Local Storage Le navigateur web en tant que datastore.","twitter_description":"Avec le stockage local Javascript, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d'objets locaux et de session.","twitter_image":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","twitter_creator":"@AntonioLamorge3","twitter_site":"@AntonioLamorge3","twitter_misc":{"Scritto da":"Antonio Lamorgese","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#article","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/"},"author":{"name":"Antonio Lamorgese","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"headline":"JavaScript Local Storage Le navigateur web en tant que datastore","datePublished":"2022-09-20T11:30:19+00:00","dateModified":"2022-10-29T13:29:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/"},"wordCount":1067,"publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","keywords":["d\u00e9veloppement","javascript","server"],"articleSection":["Articles de blogs","d\u00e9veloppement"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/","name":"JavaScript Local Storage Le navigateur web en tant que datastore","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#primaryimage"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","datePublished":"2022-09-20T11:30:19+00:00","dateModified":"2022-10-29T13:29:10+00:00","description":"Avec le Javascript local storage, vous transformerez votre navigateur en un v\u00e9ritable magasin de donn\u00e9es d'objets locaux et de session.","breadcrumb":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#primaryimage","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/JavaScript-Local-Storage-Le-navigateur-web-en-tant-que-datastore.jpg","width":800,"height":450,"caption":"javascript local storage"},{"@type":"BreadcrumbList","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/javascript-local-storage-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/en\/"},{"@type":"ListItem","position":2,"name":"d\u00e9veloppement","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/fr\/category\/developpement-fr\/"},{"@type":"ListItem","position":3,"name":"JavaScript Local Storage Le navigateur web en tant que datastore"}]},{"@type":"WebSite","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/","name":"Antonio Lamorgese","description":"Il web e i suoi strumenti operativi","publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0","name":"Antonio Lamorgese","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","width":120,"height":130,"caption":"Antonio Lamorgese"},"logo":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png"},"description":"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....","sameAs":["https:\/\/www.Phpcodewizard.it\/","https:\/\/www.linkedin.com\/in\/antonio-lamorgese-660735190\/","https:\/\/pinterest.it\/antoniolamorgese9711\/","https:\/\/x.com\/AntonioLamorge3","https:\/\/www.youtube.com\/user\/antoniolamorgese","https:\/\/tumblr.com\/blog\/phpcodewizard"],"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/author\/antonio-lamorgese\/"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/12860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/comments?post=12860"}],"version-history":[{"count":0,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/12860\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media\/12863"}],"wp:attachment":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media?parent=12860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/categories?post=12860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/tags?post=12860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}