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

SessionStorage: keupayaan penyimpanan data dan jenis data yang disokong

WBOY
Lepaskan: 2024-01-13 11:42:06
asal
1096 orang telah melayarinya

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');
    Salin selepas log masuk
  • Numbers dan Boolean nilai: Nombor dan Boolean nilai: values ​​​​boleh disimpan sebagai rentetan, seperti:

    sessionStorage.setItem('age', '26');
    Salin selepas log masuk
  • 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));
    Salin selepas log masuk
  • 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));
    Salin selepas log masuk
  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'));
    Salin selepas log masuk

    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');
    Salin selepas log masuk

    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();
    Salin selepas log masuk

    Selepas melaksanakan kod di atas, semua data yang disimpan akan dikosongkan.

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan