Ajax

정예빈·2022년 4월 3일

가면 갈수록 뭘 배우는지 모르겠다.
알 것 같다가도 응용만 할려고 하면 막히는게 가장 큰 문제 인거같다.ㅠㅠ 살려줘!

API는 은행창구와 같다.
서버가 API(은행창구)에 요청을 한다.

movie.naver/movie/bi/mi/basic.naver.com/code=161967

라는 주소는

movie.naver

서버

/movie/bi/mi/basic.naver.com/

은행창구

code=161967

코드번호

를 뜻하게 된다.

GET방식 : 데이터 조회시 이용된다 ex)영화목록 조회
POST방식 : 생성, 변경, 삭제시 이용된다. ex) 회원가입, 탈퇴, 수정

그리고 제일 중요한 ajax의 형식

 $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/seoulbike",
            data: {},
            success: function (response) {
                let rows = response['getStationList']['row']
                for (let i = 0; i < rows.length; i++){
                    let name = rows[i]['stationName']
                    let rack = rows[i]['rackTotCnt']
                    let bike = rows[i]['parkingBikeTotCnt']

                    let temp_html = ``

                    if (bike < 5) {
                        temp_html = `<tr class ="urgent">
                            <td>${name}</td>
                            <td>${rack}</td>
                            <td>${bike}</td>
                            </tr>`
                    } else {
                        temp_html = `
                            <tr>
                            <td>${name}</td>
                            <td>${rack}</td>
                            <td>${bike}</td>
                            </tr>`
}

type에 앞서말한 방식을 기입.

솔직히 이해를 60%정도만 한 수준이라 다시 정리하러 오겠다 ㅠㅠ

profile
기회는 준비된 자에게 오는법

0개의 댓글