Axios.jsでajaxするコードGETもPOSTも可能

提供:sufeeWiki
2022年11月24日 (木) 14:48時点におけるSufee Admin (トーク | 投稿記録)による版 (コード)
ナビゲーションに移動 検索に移動

概要

javascript で API通信を行うためのもの

コード

  • html
  • javascript
async function ajax(url, json, method, error_method, http_method = "post") {
    switch (http_method) {
        case "post":
            await axios
                .create({
                  xsrfHeaderName: 'X-CSRF-Token',
                  withCredentials: true,
                  headers: {
                    'Content-Type': "application/json"
                  }
                })
                .post(url, json)
                .then(response => {
                  method(response)
                })
                .catch(error => {
                  error_method(error)
                });
            break;
        case "get":
            await axios
                .create({
                  xsrfHeaderName: 'X-CSRF-Token',
                  withCredentials: true,
                  headers: {
                    'Content-Type': "application/json"
                  }
                })
                .get(url)
                .then(response => {
                  method(response)
                })
                .catch(error => {
                  error_method(error)
                });
            break;
  }
}