HTML5 が提供するローカル ストレージ機能を使用すると、Web アプリケーションはユーザーのローカル ブラウザーにデータを保存できます。 HTML5 では、サーバー要求ごとにデータが渡されるわけではなく、要求された場合にのみデータが使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。
クライアント側で保存するには 2 つの方法があります。
1. localStorage: 時間制限がなく、少なくとも 5M のサイズを持つ大容量のストレージ。同じドメイン名のすべてのページに同じデータを保存および取得できます。
2. sessionStorage: セッションのデータストレージの場合、タブを閉じるとタブが消えます。
現在、ほとんどのブラウザはすでに HTML5 を十分にサポートしていますが、セキュリティのため、使用前にクライアントの検出を行う必要があります。
if (typeof(Storage) !== unknown) { // localStorage/sessionStorage のコード。} else { // 申し訳ありませんが、Web Storage はサポートされていません。この関数を使用する理由は、現在データベースベースの Web サイトで作業しており、API インターフェイスを介してバックエンドにクエリ パラメーターを渡し、データベースから返されるデータを取得する必要があるためです。ここで問題が発生します。ページ a からページ b にジャンプし、ページ b でパラメータ データをバックグラウンドに渡してデータを取得したいと考えています。ページ a をページ a に転送するにはどうすればよいですか? 生成された値をページ b に渡すにはどうすればよいでしょうか?
バックグラウンドに渡したい値とデータ形式が次のとおりであると仮定します。 {unitGroup:[一年级,二年级,三年级];
次に、ページ a が必要なデータ UnitGroup を生成した後、sessionStorage を使用します。
if (typeof(Storage) !== 未定義) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}次に、ページ b では、次のステートメントを通じてそれを取得できます。
varunit_group = '';if (typeof(Storage) !== 未定義) { var myunits = sessionStorage[unitGroup] = myunits.split(,);}次に、ajax を呼び出してデータをバックグラウンドに渡すことができます。
var newData = {ユニットグループ: ユニットグループ};以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。