2.12 Ajax Homework
브라우저가 로딩하자마자 내용 띄우기
$(document).ready(function(){
~~~~~~~~~~~~~~~~
});
물결무늬 자리에 바로 로딩하자마자 실행시킬 함수를 입력하면 된다. 예를 들면
(document).ready(function(){
q1();
});
저기 중간에 파란색 실시간 환율 집어넣기!!!!!!
파란색 때문에 스타일에서 글짜 색깔 설정을 미리 넣어두고!
.rate{
color: blue;
}
브라우저가 뜨자마자 환율이 나와야 하므로 ready function
밑에는 다른 것에서도 쓰던 ajax 틀을 그대로 가지고 온다.
$(document).ready(function(){
get_rate();
});
function get_rate() {
$.ajax({
type: "GET",
url: "https://api.manana.kr/exchange/rate.json",
data: {},
success: function (response) {
let now_rate = response[1]['rate']
$('#now_rate').text(now_rate);
}
},)
}
그리고 밑의 body에서
환율이 들어갈 자리에 입력을 해준다!
달러-원 환율:1219.15
이렇게 해도 되고달러-원 환율:1219.15
이렇게 해도 결론은 비슷하다. 파랑색으로 실시간 환율이 표기된다.<p><h1>양초를 팝니다</h1> <h3>가격:3,000원/개</h3><p>
<h5>이 양초는 사실 특별한 힘을 가지고 있어요. 양초를 켜고 소원을 빌면 뭐든지 이뤄지게 된답니다. 하나 사가세요! 향과 소리가 너무 좋아요.</h5>
<p>주문자 이름: <input type="text"/></p>
<p><h4 class="rate">달러-원 환율:<span id="now_rate">1219.15</span></h4></p>
Author And Source
이 문제에 관하여(2.12 Ajax Homework), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dkim4080/2.12-Ajax-Homework저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)