Rumah  >  Artikel  >  hujung hadapan web  >  SessionStorage: keupayaan penyimpanan data dan jenis data yang disokong

SessionStorage: keupayaan penyimpanan data dan jenis data yang disokong

WBOY
WBOYasal
2024-01-13 11:42:061061semak imbas

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.

  1. Jenis data storan
    SessionStorage boleh menyimpan pelbagai jenis data, termasuk rentetan, nombor, nilai Boolean, objek dan tatasusunan, dsb. Khususnya, SessionStorage boleh menggunakan jenis data berikut:
  • 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));
  1. 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.

  2. 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.

  3. 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn