AJAX

1つのコードで、リフレッシュすることなく

サーバにリクエストを送信できます.

サーバプロバイダ

、ページが要求された場合

アドレスウィンドウのURL要求GET:特定ページより

を読み出す.
POST要求重要情報を

サーバへ送信:登録

.

リクエストのたびに常にリフレッシュされます.

jQuery : $.ajax()

axios : axios.get()

JS : fetch()

npm install axios

          <button
            onClick={() => {
              axios
                .get("https://codingapple1.github.io/shop/data2.json")
                .then((result) => {
                  console.log("성공!");
                  console.log(result);
                })
                .catch(() => {
                  console.log("실패!"); // 404
                });
            }}
          >
            더 보기
          </button>

キーに引用符が付いているので、objectではなくJSONです.

サーバとのインタラクション時にJSONを使用します.

axiosを使用してJSONをobjectに変換します.

axios.get('URL')

fetch('URL')