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. オプションAPIと組み合わせAPIの違い2. セットアップを具体的にどのように使用するので...
目次1. スローログの紹介2. スローログの練習1. スローログの紹介スロー ログの正式名称はスロー...
現在、OK ボタンをクリックしたときやキーボードの Enter キーを押したときに操作を実行するとい...
目次序文最適化派生的な質問: beforeDestroy はトリガーされませんか?序文タイマーをクリ...
Web 開発を行う際に、フラッシュがページ内の要素をブロックする状況に遭遇することがあります。フラ...
定義と使用@media クエリを使用すると、さまざまなメディア タイプに異なるスタイルを定義できます...
CSSスタイルファイルで指定 #class td /*表のテキストを左右上下に揃えるように設定する*...
この記事では、以下の環境をテストします。 CentOS 7 64 ビット 最小 MySQL 5.7 ...
環境準備: VMware+CentOS、jdk 1. システムディスクのサイズを確認する1. コマン...
序文ヒント:以下はこの記事の主な内容です。以下のケースを参考にしてください。 1. オブジェクトスト...
Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮...
1. このマシンに新しい設定ファイルdocker_nginx.confを作成します。 サーバー{ 7...
コードをコピーコードは次のとおりです。 @文字セット "utf-8"; /* @...
この記事では、Linux コマンドを使用して .sql ファイルをエクスポートおよびインポートする方...
目次1. 使用2. メッセージポップアップウィンドウが繰り返し表示される問題を解決する1. 使用Vu...