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번출구 앞
이렇게 접근할 수 있다.