Ajaxって何?

リフレッシュを必要とせずにサーバに要求を発行するJavaScriptコード.

サーバとリクエストについて簡単に説明します。🧐

サーバー
ページを要求すると、ページデータが取得されます.たとえば、「アドレス」ウィンドウでnetflexを使用します.接続をクリックするとNetflixホームページ(結果)が表示されます.

リクエスト

get方式
urlでお願いします.材料を読むのに使います.

郵送方式
urlに電話するのではなく、ブログにメッセージを残したり、サイトにログインしたりするときに、ユーザー名とパスワードを入力し、特定のボタンで要求する方法です.サーバに情報を渡すために使用します.

通常、get方式/post方式を使用してサーバにリクエストを送信すると、リフレッシュが発生します.ただし、Ajaxを使用すると、リフレッシュ不要のリクエストをサーバに送信できます.

Ajaxの使用

jQuery Ajax-最も一般的な方法

axiosライブラリのインストール後に-vueを使用し、反応器

によく使用する.

JavaScript構文fetch()

を使用
通常reactまたはvueは2,3を多く使用します.2の方法で勉強してみることにしました.
端末にaxiosをインストールする1つを入力します.yarn add axios npm install axiosインストールが完了したら、インポートして使用すればいいです.
1.サーバデータを取得するget方式の基本形式は大体このような感じです.

대충 여러 import 있음
import axios from 'axios';

function App(){
return(
 <button onClick={()=>{
 	axios.get('get요청url');
 }}>클릭</button>
)

そのurlを作成する部分は、通常、サーバ開発者の分野です.
2.POST方式でサーバにデータを送信する基本フォーマット
post方式では、データを送信するurlと送信するデータの2つのエントリを入力する必要があります.

대충 여러 import 있음
import axios from 'axios';

function App(){
return(
 <button onClick={()=>{
 	axios.post('url',{title:'안녕하세요', content:'잘부탁드립니다.'});
 }}>클릭</button>
)

ログイン時にIDとパスワードを送る方法はこんな感じです.
反応だけではなく、いろいろな言語を学ぶたびに感じる部分は、たぶんこの感覚だと分かったらそうするのですが、運用するのは本当に難しい部分です.
たぶんリクエストしたデータをstateに追加して使えばいいのですが、コードを書くのは難しいです.😥 うまくいかなくて、いつも悲しんでいます.

しかし、続けていけば、開発者の思考もある程度努力することができます.