[TIL] ajax

2주차 강의때 집중적으로 배운것은 api를 ajax로 호출해서 데이터를 이용하는 것이다.

$.ajax({
  type: "GET",
  url: "url",
  data: {},
  success: function (response) {
  }
})

작성한 url 주소로 요청을 보낸 후, 성공하면 success에 있는 함수의 파라미터에 서버에서 보낸 데이터가 들어온다.

데이터를 이용하기 전에 로그를 찍어보고 어떻게 생긴 애인지 파악해봐야 한다.

{
  "getStationList": {
    "row": [
      {
        "parkingBikeTotCnt": 13,
        "rackTotCnt": 20,
        "shared": 7,
        "stationName": "301. 경복궁역 7번출구 앞"
      },
      {
        "parkingBikeTotCnt": 3,
        "rackTotCnt": 22,
        "shared": 19,
        "stationName": "302. 경복궁역 4번출구 뒤"
      }
    ]
  }
}

만약 response에 이런 형태의 데이터가 리턴됐고, 첫번째 stationName에 접근하고 싶다면

response.getStationList.row[0].stationName // 301. 경복궁역 7번출구 앞
response['getStationList']['row'][0]['stationName'] // 301. 경복궁역 7번출구 앞

이렇게 접근할 수 있다.