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. OpenSSL公式サイト公式ダウンロードアドレス: https://www.openssl....
lepus3.7 を使用して MySQL データベースを監視中に、次の問題が発生しました。このブログ...
目次JSX環境の構築プロジェクトの設定NPMを初期化するwebpackをインストールするBabelを...
3つの仮想マシン132、133、134を群がらせる1. クラスターを初期化し、自分自身をクラスターに...
質問Alibaba Cloud イメージを使用して Docker をインストールすると、次の図に示す...
Linux サーバーのホスト ファイルの構成hosts ファイルは、Linux システム内の IP ...
目次事件の原因Node Scheduleを使用してスケジュールされたタスクを実装する1. node-...
カウントダウン効果を実現するにはJavascriptを使用します。参考までに、具体的な内容は次のとお...
CSSスタイルファイルで指定 #class td /*表のテキストを左右上下に揃えるように設定する*...
システムとユーザー環境の設計<br />Apple システムの成功は、そのシステム アー...
【序文】 ORM を使用してデータベース内のデータを操作する場合、前提として、新しい ORM モデル...
序文フロントエンド開発では、目的のコンテンツを取得するためにループをトラバースする必要がある状況に頻...
序文トランザクション データ ディクショナリとアトミック DDL は、MySQL 8.0 で導入され...
<iframe src=”test.jsp” width=”100″ height=”50″ ...
1. 50と93では鏡像が消える [root@h50 /]# df -h ファイルシステムの使用済み...