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 ビルド)
この記事では、参考までに、簡単な英中辞典を実装するためのjsの具体的なコードを紹介します。具体的な内...
1. 行の形式は何ですか? MySQL の行形式の設定は次のように表示されます。 実際、MySQL ...
この記事では、Web デザインにおけるフォーム入力ボックスに関するヒントとコードをいくつか紹介します...
ソフトウェアとハードウェア環境centos7.6.1810 64ビット cat /etc/red...
目次一般的なアップロードコンポーネントの開発以下の機能を実装する必要がありますカスタムテンプレートサ...
選択して変更: クリックすると現在の値が表示され、ページ UI が表示され、CSS スタイルが変更さ...
目次ライフサイクルを理解する理由ライフサイクルとはライフサイクルフック関数作成され、マウントされたフ...
序文ヒント:以下はこの記事の主な内容です。以下のケースを参考にしてください。 1. オブジェクトスト...
序文tcpdump はよく知られたコマンドライン パケット分析ツールです。 tcpdump コマンド...
1. 問題複数のフローティング要素は親要素の幅を拡張できず、親要素の高さが 0 になる可能性がありま...
CSS 3 アニメーションの例 - タブの背景切り替えの動的効果、具体的なコードは次のとおりです。 ...
1. はじめにtelnet コマンドは、リモート ホストにログインするために使用されます。これは、T...
1. 原因公式の cerbot は面倒すぎます。野生の成長よりもさらに悪い acme.sh の使用は...
mysql サービスは開始されていますが、接続できません。この問題を解決するにはどうすればよいでしょ...
MySQL レプリケーションの詳細な説明と簡単な例マスタースレーブレプリケーション技術は、MySQL...