티스토리 뷰
전에 작성했던 '방명록 만들어보기'에서 날씨와 기온을 표시해보자.
<script>
$(document).ready(function () {
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/weather/jeonju",
data: {},
success: function (response) {
let icon = response['icon'];
$("#temp").attr("src", icon);
let temp = response['temp'];
$("#temp").text(temp);
}
})
});
</script>
날씨정보 api를 통하여 데이터를 불러올 수 있는 ajax 코드이다.
날씨 아이콘과 기온을 불러온다.
$(document).ready(function () {});
위의 코드는 웹페이지의 로딩이 완료되면 즉시 실행을 해주는 코드이다.
<div class = "mytitle">
<h1>마마무 팬명록</h1>
<img id="weatherimg" width="50" src="http://openweathermap.org/img/w/10d.png"/>
<h5>현재기온 : <span id = "temp">00.00</span>도</h5>
</div>
<body>의 코드.
<img/>와 <span> 사용.
'[학습일지] > Python' 카테고리의 다른 글
[학습일지] 웹개발 3-2 ~ 3-8 ( Python 입문, requests/bs4) (0) | 2022.07.14 |
---|---|
[학습일지] 웹개발 3-1 ( Ajax, 영화 별점탭) (0) | 2022.07.13 |
[학습일지] 웹개발 2-13 ( Ajax 연습하기3, 이미지 출력하기) (0) | 2022.07.11 |
[학습일지] 웹개발 2-10 ~ 2-12 ( Ajax 연습하기2, 서울시 따릉이) (0) | 2022.07.08 |
[학습일지] 웹개발 2-10 ( Ajax 연습하기, 서울시 미세먼지) (0) | 2022.07.06 |