TIL 15 | JSON
10344 ワード
HTTPとは?
契約とは?
これは、
HTTPの行為
クライアントがサーバにリクエスト(リクエスト)を送信すると、
サーバは、リクエストに一致する結果を応答(応答)として実行します.
HTTPを使用して、サーバにデータを要求および受信できます。
AJAX ( Asynchronous Javascript And XML)
これは、ウェブページ上でサーバに動的にデータを送信および受信できる技術を意味する.
典型的な例はXMLHttpRequestという名前のオブジェクトです.
Axios or fetch API
XMLとJSON。
1. XML
2. JSON
JSONの特徴
データの送受信時に最も簡単なファイル形式
テキストベースで簡単
読みやすさが良い、
キーとbellクラスからなるファイル形式.
サーバとデータを交換する際のシーケンス化に使用します.
任意のプログラミング言語またはプラットフォームで使用できます.
JSONとXMLの違い。
XMLを使用すると、不要なタグがたくさん含まれます.そのため、ファイルのサイズも大きくなります.
JSONにおけるXMLの毒性低下.
JSON Method
JSON.stringify (value, replacer)
const rabbit = {
name: 'tori',
color: 'white',
size: null,
birthDate: new Date(),
Something: undefined,
jump: function () {
console.log(`${this.name} can jump!`);
},
};
let json = JSON.stringify(rabbit);
console.log(json)
// {"name":"tori","color":"white","size":null,"birthDate":"2021-08-09T06:32:24.336Z"}
let json1 = JSON.stringify(rabbit, ['name', 'color', 'size']);
console.log(json1)
//"{\"name\":\"tori\",\"color\":\"white\",\"size\":null}"
let json2 = JSON.stringify(rabbit, (key, value) => {
return key === 'name' ? 'DK' : value;
});
console.log(json2)
//"{\"name\":\"ellie\",\"color\":\"white\",\"size\":null,\"birthDate\":\"2021-08-09T06:32:24.336Z\"}"
JSON.parse ( string, revive )
let json = JSON.stringify(rabbit);
let obj1 = JSON.parse(json)
console.log(obj1)
/*{ name: "tori",
color: "white",
size: null,
birthDate: "2021-08-09T06:32:24.336Z"
}*/
birthDate propertyの場合、Dateオブジェクトから取得した値ではありません.
JSON形式の文字列をそのままグループ化した文字列.
ウサギのためです.birthDate.getDate()は可能ですか、obj 1.birthDate.getDate()にエラーが発生しました.
この場合、[リカバリ](Recovery)に関数を追加してDateオブジェクトを返すことができます.
const obj2 = JSON.parse(json, (key, value) => {
return key === 'birthDate' ? new Date(value) : value;
});
console.log(obj2)
/*{ name: "tori",
color: "white",
size: null,
birthDate: Mon Aug 09 2021 15:32:24 GMT+0900 (한국 표준시)
}*/
要約の整理
の最後の部分
サーバにデータを送信するためにJSONを書いたことがありません.
ただし、todoリストの作成時には、localstorageのArray形式の文字列としてtodoを保存します.
格納されたデータをJSで利用可能なArrayにグループ化する.
JSONの概念が全然分からないので、JSONを知りたくて勉強しました.
JSON AJAX Fetch Axiosを知ったからには勉強してみよう.
天気や地域のようなものが来たときに試してみることができるかもしれません.
今私の実力はまだ足りなくて、使う时私はよく勉强して、更にみんなに宣伝をします.
Reference
この問題について(TIL 15 | JSON), 我々は、より多くの情報をここで見つけました https://velog.io/@daekuenhan/TIL-15-JSONテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol