Rumah >hujung hadapan web >html tutorial >SessionStorage: keupayaan penyimpanan data dan jenis data yang disokong
Terokai keupayaan SessionStorage: Apakah jenis data yang boleh disimpannya?
SessionStorage ialah kaedah storan sisi klien yang disediakan dalam HTML5, yang boleh digunakan untuk menyimpan data pada sisi klien dan hanya sah semasa sesi semasa. Sama seperti Cookies, tetapi SessionStorage mempunyai kapasiti storan yang lebih besar dan tidak dihantar ke pelayan dengan permintaan HTTP. Artikel ini menerangkan perkara yang SessionStorage lakukan dan jenis data yang boleh disimpan dan menyediakan beberapa contoh kod konkrit.
String: Rentetan boleh disimpan ke dalam SessionStorage menggunakan kaedah setItem(), contohnya:
sessionStorage.setItem('name', 'John');
Numbers dan Boolean nilai: Nombor dan Boolean nilai: values boleh disimpan sebagai rentetan, seperti:
sessionStorage.setItem('age', '26');
Objek: Objek boleh ditukar kepada rentetan menggunakan kaedah JSON.stringify() dan kemudian disimpan dalam SessionStorage, seperti:
var user = { name: 'John', age: 26 }; sessionStorage.setItem('user', JSON.stringify(user));
Array: Similarray: kepada objek, anda boleh menggunakan kaedah JSON.stringify() untuk menukar tatasusunan kepada rentetan dan kemudian menyimpannya dalam SessionStorage, contohnya:
var scores = [85, 90, 95]; sessionStorage.setItem('scores', JSON.stringify(scores));
Dapatkan data yang disimpan
Gunakan kaedah getItem() untuk mendapatkan data yang disimpan daripada data SessionStorage Stored, contohnya:
var name = sessionStorage.getItem('name'); var age = sessionStorage.getItem('age'); var user = JSON.parse(sessionStorage.getItem('user')); var scores = JSON.parse(sessionStorage.getItem('scores'));
Melalui contoh kod di atas, kita boleh mendapatkan data yang disimpan dalam SessionStorage dan menetapkannya kepada pembolehubah yang sepadan.
Padam data tersimpan
Anda boleh menggunakan kaedah removeItem() untuk memadam data tertentu daripada SessionStorage, contohnya:
sessionStorage.removeItem('name');
Selepas melaksanakan kod di atas, data yang disimpan bernama 'nama' akan dipadamkan.
Kosongkan data yang disimpan
Gunakan kaedah clear() untuk mengosongkan semua data yang disimpan dalam SessionStorage, contohnya:
sessionStorage.clear();
Selepas melaksanakan kod di atas, semua data yang disimpan akan dikosongkan.
Ringkasan:
SessionStorage ialah kaedah storan sisi pelanggan yang berkuasa dan mudah yang boleh menyimpan pelbagai jenis data. Sama ada rentetan, nombor, boolean, objek atau tatasusunan, ia boleh disimpan dan diambil dengan mudah. Dengan menggunakan SessionStorage dengan betul, kami boleh menyimpan dan berkongsi data sementara di sisi pelanggan, meningkatkan pengalaman pengguna.
Di atas adalah penerokaan fungsi SessionStorage dan jenis data yang boleh disimpan saya harap ia akan membantu pembaca.
Atas ialah kandungan terperinci SessionStorage: keupayaan penyimpanan data dan jenis data yang disokong. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!