# 02-axios.html
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
const URL = 'https://api.thecatapi.com/v1/images/search'
// 1.
<!-- 연습하기 위한 코드 -->
const promiseObj = axios({
method: 'get',
url: URL
})
// console.log(promiseObj)
promiseObj.then((response) => {
console.log(response)
console.log(response.data)
console.log(response.data[0].url)
})
// cat api로 보낸 요청에 대한 응답을 기다리지않고 넘어옴
console.log('hahahahahahahahaha')
// 2.
<!-- 실제로는 이렇게 쓴다 -->
axios({
method: 'get',
url: URL
})
.then((response) => {
console.log(response)
console.log(response.data)
console.log(response.data[0].url)
})
</script>
</body>
</html># 결과
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript][비동기] 4. 실습 _ 고양이 사진 가져오기 (0) | 2024.04.23 |
|---|---|
| [JavaScript][비동기] 3. 실습 _ 고양이 사진 가져오기 (0) | 2024.04.23 |
| [JavaScript][비동기] Ajax를 활용한 클라이언트 서버 간 동작 (0) | 2024.04.23 |
| [JavaScript][비동기] Axios (0) | 2024.04.23 |
| [JavaScript][비동기] Ajax 비동기 기술 (0) | 2024.04.23 |