1.Json文字列Json は主にフロントエンドとバックエンドのやり取りに使用され、XML よりも使いやすいデータ形式です。 1.1Json構文オブジェクト、配列、単純なデータ型などを表すために使用できます。
Json とオブジェクト間の変換: JSON 文字列をオブジェクトに変換すると、`JSON.parse(JSON 文字列) は変換された js オブジェクトを返します` オブジェクトから JSON 文字列へ `JSON.stringify() は値を JSON 文字列に変換するために使用されます` 1.2 例//オブジェクト形式の「文字列」データを JSON オブジェクトに変換します。let s = `{"name":"onion","age":18}`; console.log(s) // 文字列 => {"name":"Onion","age":18} console.log(JSON.parse(s)); // //オブジェクト: オブジェクト //配列形式の「文字列」データをJSONオブジェクトに変換します。let s = `[1,5,8,9]`; console.log(s); // 文字列 => [1,5,8,9] console.log(JSON.parse(s)); //オブジェクト: オブジェクト ----------------------------------------------------------------------- //オブジェクトをJSON文字列に変換します。let s = {"name":"onion","age":18}; console.log(JSON.stringify(s)); // 文字列 => {"name":"onion","age":18} // 配列をJSON文字列に変換 let s = [1,5,8,9]; console.log(JSON.stringify(s)); // 文字列 => [1,5,8,9]
2. クッキー
2.1 使い方は?
例を見てみましょう: document.cookie = "名前=onion"; document.cookie = "年齢=18"; 結果は次のとおりです。 玉ねぎは辛すぎると感じたので、代わりにジャガイモを試してみようと思いました。 **document.cookie = "name=Onion"; document.cookie = "name=土豆"; document.cookie = "年齢=18"; 結果は次のとおりです。 しばらくジャガイモを食べていたのですが、ジャガイモが美味しくないことに気づき、もう食べたくないです。どうすればいいでしょうか?それでどうやって削除するのでしょうか?実際、注意深い友人は、有効期間を設定できるセッション レベルがあり、この日付が、 document.cookie = "name=土豆;expires="+new Date('2021/11/25 03:58:20'); 3. ローカルストレージH5 はローカル ストレージに 3.1 基本的な使い方ローカルストレージを操作するにはwindow.localstorageを使用します(windowは省略できます) //setItem を追加 localStorage.setItem("名前","タマネギ"); //アイテムを取得 localStorage.getItem("名前","タマネギ"); //deleteremoveItem("キーと値のペア") localStorage.removeItem("名前"); // クリア ローカルストレージをクリアします。 3.2 例 (ユーザー名とパスワードを記憶する)
ユーザー名: <input type="text" id="username"> <br> パスワード: <input type="password" id="pwd"> <br> <span style="font-size: 14px;">ユーザー名とパスワードを記憶する:</span> <input type="checkbox" id="覚えておく"> // チェックボックス const remember = document.getElementById('remember'); //ユーザー名 const username = document.getElementById('username'); //パスワード const pwd = document.getElementById('pwd'); remember.onclick = 関数(){ if (remember.checked) { //ユーザー名とパスワードを選択してローカルストレージに保存します。 localStorage.setItem("ユーザー名",ユーザー名.値); localStorage.setItem("pwd",pwd.value); } それ以外 { // 選択から選択解除に変更し、ローカル ストレージからユーザー名とパスワードを削除します。localStorage.removeItem("username"); ローカルストレージからアイテムを削除します。 } コンソールログ(); } //ページを再度開くたびに、ローカルストレージに値があるかどうかを確認します if (localStorage.getItem("username")) { //値がある場合は、入力ボックスに値を書き込みます。 ユーザー名.値 = localStorage.getItem("ユーザー名") pwd.value = localStorage.getItem("pwd"); //チェックボックスはデフォルトで選択されています remember.checked = true; }
JS の Json 文字列 + Cookie + localstorage に関するこの記事はこれで終わりです。Json 文字列 + Cookie + localstorage に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: ウェブページでmp3またはフラッシュプレーヤーコードを再生する
>>: IE 環境での css-vars-ponyfill の使用に関する詳細な説明 (nextjs ビルド)
目次1. テレポートについて知る2. テレポートの基本的な使い方3. 最初のステップの最適化4. 第...
1. 準備1.1 Pythonインストールパッケージをダウンロードします(注:Pythonバージョン...
弊社の Web プロジェクトの 1 つでは、新しい都市の増加によりトラフィックと DB 負荷が増加し...
目次1. 需要方法1方法2方法3 2. 実装3. 問題解決質問1: トークンの複数回の更新を防ぐ方法...
MySQL には以前、クエリ キャッシュ (Query Cache) がありました。8.0 以降では...
環境準備: VMware+CentOS、jdk 1. システムディスクのサイズを確認する1. コマン...
1. どのような問題に直面しましたか?標準 SQL では、通常、次の SQL 挿入ステートメントを記...
最近、VMware 仮想マシンで CentOS を試していたのですが、インストール後にインターネット...
目次1. サービスの開始と停止の手順1.1 Windows での MySQL 5.7 の公式 MSI...
目次1. テレポートの紹介1.1. 複数のテレポートを使用する2. テレポートを使用する理由3. テ...
目次1. 初心者が陥りがちな間違い2. Iteratorのremove()メソッドを使用する3. f...
IE6 で CSS スタイルの div または li の背景のタイリングや境界の破壊を解決するには、...
目次1. 基本的な使い方2. 注意すべき点3. マルチレベルルーティング(マルチレベルルーティング)...
1. バックアップソースリストUbuntu のデフォルトのソースは国内サーバーではないため、更新され...
HTML メールを送信するためのヒント: スタイルを使用してインライン CSS を記述する、使用する...