Kyle Chen's Blog

Action speaks louder than Words

0%

AJAX に基づくログインページ01ー AJAXの簡単な使い方

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const username = "randomuser"
const password = "123456"
const p_element = document.querySelector('.my_p_1')

axios({
url: 'http://hmajax.itheima.net/api/login',
method:'POST',
data:{
username,
password
}
}).then(result => {
console.log(result.data.message)
if(p_element){
p_element.innerHTML = result.data.message
}
}).catch(error=>{
console.log(error.response.data.message)
if(p_element){
p_element.innerHTML = error.response.data.message
}
})