웹개발종합반 2주차

leehowook·2022년 4월 25일
0
post-thumbnail
post-custom-banner

ajax 연습하기 (이미지, 텍스트 불러올때마다 변환)

JQuery 연습하고 가기!
<style type="text/css">
    div.question-box {
        margin: 10px 0 20px 0;
    }

    div.question-box > div {
        margin-top: 30px;
    }

</style>

<script>
    function q1() {
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/rtan",
            data: {},
            success: function (response) {
                let url = response['url']
                let msg = response['msg']

                $('#img-rtan').attr('src',url)
                $('#text-rtan').text(msg)
            }
        })
    }
</script>

JQuery+Ajax의 조합을 연습하자!


3. 르탄이 API를 이용하기!

아래를 르탄이 사진으로 바꿔주세요

업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.

르탄이 나와

나는 ㅇㅇㅇ하는 르탄이!

===========================================================================

팬명록 온도넣기

스파르타코딩클럽 | 부트스트랩 연습하기
profile
be higher
post-custom-banner

0개의 댓글