ajax 기초 공부

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

ajax를 시작하기에 앞서 코드 상단에 ajax를 사용하기 위한 script가 추가되어 있어야 한다.

   <script>
        $.ajax({
            type: "GET",
            url: "여기에URL을입력",
            data: {},
            success: function (response) {
                console.log(response)
            }
        })
    </script>
</head>

 -> ajax의 기본 골격 이다. 

 

url은 데이터를 받을 곳인데 이건 스파르타코딩에서 지원 해줬던 api를 활용하여 공부하였다.

data는 요청하면서 함께 줄 데이터인데 get방식은 비워놓으면 된다고 한다.

 

 

$(document).ready(function(){
 $.ajax({
            type: "GET",
            url: "",
            data: {},
            success: function (response) {
                let temp = response['temp']
                $('#temp').text(temp)
            }
        })
});

-> 보너스로 버튼을 클릭하는 함수 없이 페이지 로딩만으로 함수를 실행시키는 코드를 알게되었다.

$(document).ready(function(){ 실행될 코드 }); 이다.