스파르타코딩_왕초보시작반 2주차

자바스크립트와 제이쿼리에 대한 학습을 했다.

방식은 style 태그 아래에 함수를 작성하거나 실행시키면 된다.

여러가지 기능 중에
로딩이 완료되면 자동으로 콘텐츠를 불러오는 기능을 배웠는데

코드는 이거다.

$(document).ready(function(){
	여기에 자기 코드 작성
});

이것으로 실시간으로 변동하는 환율을 보이게 했는데,
저 코드 안에 환율이 보이게 하는 코드를 함수로 작성해서 넣으면 된다.

function q1() {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/rate",
                data: {},
                success: function (response) {
                    let rates = response['rate']
                    //console.log(rates)
                    let temp_html = `<tr>
                                            <th>달러-원 환율:</th>
                                            <th>${rates}</th>
                                        </tr>`
                    $('#names-q1').append(temp_html)
                }
            })
        }

이런 것을 만들었고,

$(document).ready(function(){
	q1()
});

이렇게 안에 q1()을 넣으면 작동된다.

좋은 웹페이지 즐겨찾기