「Axios.jsでajaxするコードGETもPOSTも可能」の版間の差分
ナビゲーションに移動
検索に移動
Sufee Admin (トーク | 投稿記録) ページの作成:「== 概要 == javascript で API通信を行うためのもの == コード == ソース」 |
Sufee Admin (トーク | 投稿記録) 編集の要約なし |
||
3行目: | 3行目: | ||
== コード == | == コード == | ||
<syntaxhighlight lang="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; | |||
} | |||
} | |||
</syntaxhighlight> |
2022年11月24日 (木) 14:47時点における版
概要
javascript で API通信を行うためのもの
コード
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;
}
}