지도 주소검색시 response이 브라우저마다 다릅니다

$.ajax({
url: 'https://dapi.kakao.com/v2/local/search/address.json?query=’+keyword,
headers: { ‘Authorization’: 'KakaoAK xxxxx},
type: ‘GET’
}).done(function(data) {
console.log(data);
var address_name = data.documents[0].address_name;
}

가져온 데이터를 파싱하는데 있어서 어려움을 겪고 있습니다.
address_name 같은 경우 크롬에서는 잘 되는데
엣지 브라우저에서 에러가 뜨는것을 확인한 후

total_count를 체크해보니 크롬에선 1개, 엣지에서는 0개라는
다른 결과가 나온다는것을 확인했습니다.

(추가) 익스11에서도 가져오질 못하는것으로 확인했습니다.

위와 같은 상황에 조언 좀 부탁드립니다.
감사합니다.

1개의 좋아요
$.ajax({
    url: 'https://dapi.kakao.com/v2/local/search/address.json?query=' + encodeURIComponent('전북 삼성동 100'),
    headers: { 'Authorization': 'KakaoAK xxxxxx'}, 
    type: 'GET'
}).done(function(data) {
    console.log(data.documents[0].address_name);
});

쿼리는 보통 encodeURIComponent(‘전북 삼성동 100’) 으로 한 번 인코딩 후에 URL 에 넣어주셔야 안전하게 전송됩니다.

엣지, IE11 브라우저에서 시도해본 결과로는 잘 나오고 있습니다.

1개의 좋아요