$(document).ready(function(){
$.ajax({
url : “https://dapi.kakao.com/v2/local/search/keyword.json”,
type : “GET”,
headers : {“Authorization”:“KakaoAK API키”},
data : {
query : “병원”,// 검색어
x : “126.979788”,
y : “37.587235”,
radius : “500”,
sort : “accuracy”,
format : “JSON”
},
success : function(r){
console.log(r);
}
});
});
이렇게 ajax를 실행시키면 크롬 콘솔창에
Object
documents
:
Array(4)
0
:
{place_url: “http://place.map.daum.net/8831643”, category_group_name: “”, place_name: “서울지구병원”, distance: “237”, address_name: “서울 종로구 삼청동 25-1”, …}
1
:
{place_url: “http://place.map.daum.net/13510395”, category_group_name: “병원”, place_name: “감사원 부속의원”, distance: “465”, address_name: “서울 종로구 삼청동 25-23”, …}
2
:
{place_url: “http://place.map.daum.net/23775828”, category_group_name: “병원”, place_name: “이근후열린마음의원”, distance: “204”, address_name: “서울 종로구 삼청동 25-9”, …}
3
:
{place_url: “http://place.map.daum.net/695187174”, category_group_name: “”, place_name: “서울지구병원 입구”, distance: “222”, address_name: “서울 종로구 삼청동 25-1”, …}
length
:
4
proto
:
Array(0)
meta
:
{same_name: {…}, pageable_count: 4, total_count: 4, is_end: true}
proto
:
Object
이렇게 출력됩니다. 그리고 각 json 배열 요소에 접근해서 place_name을 추출하고 싶은데 어떻게 접근해야 할지 감이 안 잡히네요
콘솔창에서 copy property path 해보니 .documents[“0”].address_name 이렇게 나오는데 요소에 접근하는 법을 모르겠네요…