Apakah storan tempatan dalam html5?

Storan tempatan HTML5 termasuk: 1. localStorage, kitaran hayatnya kekal, melainkan maklumat localStorage dikosongkan secara aktif, maklumat ini akan wujud selama-lamanya; 2. sessionStorage, ia hanya sah dalam sesi semasa, tutup halaman atau Penyemak imbas kemudiannya dikosongkan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Storan web HTML5 ialah storan setempat, disimpan pada klien, termasuk localStorage dan sessionStorage. Storan web HTML5 disimpan dalam bentuk pasangan kunci/nilai, biasanya disimpan sebagai rentetan.

localStorage

Kitaran hayat localStorage adalah kekal Melainkan maklumat localStorage dikosongkan secara aktif, maklumat ini akan wujud selama-lamanya. Saiz data yang disimpan biasanya 5MB, dan ia hanya disimpan pada klien (iaitu, penyemak imbas) dan tidak mengambil bahagian dalam komunikasi dengan pelayan.

        // 1、保存数据到本地
        // 第一个参数是保存的变量名，第二个是赋给变量的值
        localStorage.setItem('Author', 'local');
        // 2、从本地存储获取数据
        localStorage.getItem('Author');
        // 3、从本地存储删除某个已保存的数据
        localStorage.removeItem('Author');
        // 4、清除所有保存的数据
        localStorage.clear();

sessionStorage

sessionStorage hanya sah dalam semasa session , dikosongkan selepas menutup halaman atau penyemak imbas. Saiz data yang disimpan biasanya 5MB, dan ia hanya disimpan pada klien (iaitu, penyemak imbas) dan tidak mengambil bahagian dalam komunikasi dengan pelayan.

        // 1、保存数据到本地
        // 第一个参数是保存的变量名，第二个是赋给变量的值
        sessionStorage.setItem('Author', 'session');
        // 2、从本地存储获取数据
        sessionStorage.getItem('Author');
        // 3、从本地存储删除某个已保存的数据
        sessionStorage.removeItem('Author');
        // 4、清除所有保存的数据
        sessionStorage.clear();

Storan data yang kompleks

Perkara di atas adalah untuk penyimpanan jenis data ringkas, tetapi apabila ia datang ke Apabila data yang disimpan ialah objek atau tatasusunan, storan langsung tidak boleh dilakukan

Storan salah:

    var user = {
      username: 'liu',
      password: '123456'
    };
    sessionStorage.setItem('user', user);
    console.log(sessionStorage.getItem('user'));

Pada masa ini, ia adalah perlu Tukar format data.

Sebelum menyimpan data: Gunakan JSON.stringify untuk menukar objek menjadi rentetan

Selepas mendapatkan data: Gunakan JSON.parse untuk menukar Tukar rentetan kepada objek

    var user = {
      username: 'liu',
      password: '123456'
    };
    user = JSON.stringify(user);
    sessionStorage.setItem('user', user);
    var account = sessionStorage.getItem('user');
    console.log(account);
    account = JSON.parse(account)
    console.log(account);

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Apakah storan tempatan dalam html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!