「Axios.jsでajaxするコードGETもPOSTも可能」の版間の差分
ナビゲーションに移動
検索に移動
Sufee Admin (トーク | 投稿記録) 編集の要約なし |
Sufee Admin (トーク | 投稿記録) |
||
3行目: | 3行目: | ||
== コード == | == コード == | ||
* html | |||
* javascript | |||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
async function ajax(url, json, method, error_method, http_method = "post") { | async function ajax(url, json, method, error_method, http_method = "post") { |
2022年11月24日 (木) 14:48時点における版
概要
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;
}
}