Ajax

866 ワード

テキストリンク

更新なしでサーバに要求を送信できる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に変換されることはありません.

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

100 getの代わりにpostを使う

この問題について(Ajax), 我々は、より多くの情報をここで見つけました https://velog.io/@mcshsh/Ajax

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol