Bagaimana untuk Berkongsi Data Antara Halaman HTML dengan Selamat dengan HTML5?

Berkongsi Data Antara Halaman HTML

Apabila timbul keperluan untuk menyampaikan data antara halaman HTML, parameter pertanyaan terlintas di fikiran. Walau bagaimanapun, kaedah ini membiarkan data terdedah dalam URL. Nasib baik, HTML5 menyediakan penyelesaian alternatif untuk perkongsian data yang selamat dan lancar menggunakan JavaScript atau jQuery.

Untuk menangani kebimbangan pendedahan data, HTML5 memperkenalkan objek storan seperti sessionStorage dan localStorage. Objek ini membenarkan pembangun menyimpan pasangan nilai kunci untuk penggunaan sementara (berasaskan sesi) atau kekal (sesi merentas).

Menggunakan SessionStorage

sessionStorage.setItem('label', 'value');

Ini menyimpan nilai yang dikaitkan dengan kunci semasa sesi semasa.

Untuk mendapatkan semula nilai yang disimpan:

sessionStorage.getItem('label');

Menggunakan LocalStorage

localStorage.setItem('label', 'value');

Ini menyimpan nilai yang dikaitkan dengan kunci secara kekal, walaupun selepas penyemak imbas dimulakan semula.

Untuk mendapatkan semula nilai yang disimpan:

localStorage.getItem('label');

Dengan menggunakan objek storan HTML5, anda boleh menyimpan data borang dengan selamat antara berbilang halaman, memastikan data kekal boleh diakses walaupun selepas memuat semula penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Berkongsi Data Antara Halaman HTML dengan Selamat dengan HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!