Bagaimanakah Saya Boleh Mengekalkan Data Borang Merentas Muatan Halaman dalam JavaScript?

Cara Mengekalkan Pembolehubah Antara Pemuatan Halaman

Memandangkan HTTP adalah tanpa kewarganegaraan, menangkap keadaan penyerahan borang antara penyegaran halaman boleh menjadi mencabar. Storan berterusan antara pemuatan halaman tidak mudah dicapai menggunakan JavaScript sahaja.

String Pertanyaan

Apabila menyerahkan borang menggunakan kaedah GET, rentetan pertanyaan dibuat (?parameter=value ). Dengan menetapkan medan input dalam borang kepada nilai tertentu, anda boleh menggunakan rentetan pertanyaan. Contohnya:

<form method="GET">
    <input type="hidden" name="clicked" value="true" />
    <input type="submit" />
</form>

Pada penyerahan borang, rentetan pertanyaan dikemas kini untuk memasukkan parameter yang diklik. Apabila halaman dimuat semula, anda boleh menyemak rentetan pertanyaan untuk menentukan sama ada butang serah telah diklik.

Storan Web

HTML5 menyediakan Storan Web, membenarkan data disimpan dalam pelayar merentasi halaman dimuatkan. LocalStorage menyimpan data selama-lamanya, manakala SessionStorage hanya mengekalkan data semasa sesi penyemakan imbas semasa. Untuk tujuan ini, SessionStorage adalah sesuai:

$('input[type="submit"][value="Search"]').click(function() {
    sessionStorage.setItem('clicked', 'true');
});

Kuki

Kuki juga boleh menyimpan data sebelah pelanggan. Menggunakan jQuery, anda boleh menetapkan kuki dengan mudah:

$('input[type="submit"][value="Search"]').click(function() {
    $.cookie('clicked', 'true', { expires: 1 }); // expires in 1 day
});

Window.name

Sebagai pendekatan hackish, anda boleh menyimpan data dalam sifat window.name:

window.name = JSON.stringify({ clicked: true });

Pendekatan ini terhad kepada tab semasa dan hanya menyimpan rentetan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Data Borang Merentas Muatan Halaman dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!