Ajax

Ajax

更新なしでサーバに要求を送信できるJavaScriptコードです.
100 GET POSTというリクエスト方法
GET:データやWebページなどを読みたいときは、サーバにリクエストします.
POST:サーバにデータを送信したいときにサーバに要求します.

Ajaxの使い方

npm install axios

import axios from 'axios';

axios.get('GET요청할URL');

 .then(()=>{ 요청성공시실행할코드 })
.catch(()=>{ 요청실패시실행할코드 })

100 FETCH()構文もほぼ同じです.
fetch(リクエストするURL)このように書くと直接GETをリクエスト
fetch(要求するURL).そして()と書いても同じです.
ただし、読み込んだデータがJSONであれば、自動的にobjectに変換されることはありません.

POSTがサーバへのデータ送信を要求する方法

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

100 getの代わりにpostを使う