ショッピングモールプロジェクト(Ajax)

これはアップル社のスピーチに基づいた文章です.

Ajax

Ajaxは、リフレッシュせずにリクエストを発行するのに役立ちます.
GET、POSTは強制リフレッシュを要求する.

GETリクエスト:「アドレス」ウィンドウにURLを作成してサーバに送信するリクエスト(特定のページや資料を読みたい場合)ex)は、NAVERにアクセスするため、ブラウザ「アドレス」ウィンドウにnaverを設定します.入力com

POST要求:サーバにデータを送信したいときにサーバにex)のログインまたは返信を要求する場合、

.
Ajaxでは、jQuery Ajax、axios、fetch()を使用できます.
react開発環境ではaxiosやfetch()がよく用いられる.

Axios

設定
1.糸にaxiosまたはnpm install axiosを加える

商団から

を輸入する

import axios from 'axios';

GETリクエストで「その他のビュー」をクリックしたときに3つのデータを入力

axios.get()を入力します(URLについては、コラボレーションしたサーバ側開発者にURLを要求するだけです)

その後の.そして()はリクエストに成功しました.catch()は、リクエストに失敗したときに実行するコードを入れることができます.

など)
fetch()構文もaxiosです.get()の代わりに直接書けばいいです.ただしfetch()構文でJSONを自動的にobjectに変換することはできません.
前に入力したサーバーURLを入力すると、次のコードが表示されます.このコードのキー値から見ると、「」に囲まれています.サーバと通信するときはテキストしか転送できないからです.逆に,一般的なobjectでは包囲されていない.つまり、「」に囲まれたデータはJSONと言える.
JSON

一般オブジェクト

このときAxiosはJSON自動インポート時にObjectに変換します.
JSONのテキスト形式でデータをインポートした場合、Objectデータ形式のように使用できません(ex.object.title).したがって、変換は重要であり、fetch()は自動的に変換できず、追加のコードが必要である.
最終的には、Axiosの方が使いやすいです.
POSTリクエスト法(サーバにデータを送信したい場合)
getのようなフォーマットはpostに変更するだけです.

axios.post('https://codingapple1.github.io/shop/data2.json', { id : 'test', pw : 1234})
  .then((result)=>{  })
  .catch(()=>{ })