2017-11-28 4 views
0

아직까지이 문제를 해결할 수있는 충분한 답변을 찾지 못했습니다. 출력으로 [object]를 계속 가져 왔으므로 JSON을 사용하여 작업을 수행 할 수 있습니다. 이 일을 올바르게 도와주세요. Foursquare와 jQuery에 대한 문서뿐만 아니라 수많은 YouTube 동영상과 물론 여기에있는 기사도 시험해 보았습니다. 나는 그것이 단순한 것이라고 확신한다. 나는 너무 가까워서 그것을 볼 수 없다. 당신은 정사각형 응답을 사용하기 위해서는jQuery에서 JSON 가져 오기 - Foursquare API에서

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Blank Page</title> 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" 
     integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
     crossorigin="anonymous"></script> 
</head> 
<body> 
    <p></p> 

<script> 
var url = "https://api.foursquare.com/v2/venues/search?v=20161016&ll=34.0707998%2C%20-84.0554183&query=park&intent=browse&radius=2000&client_id=O3VAAPG2MY5H2QERHNM2G03DOKVHN1L1ESUD31251FVEMUXY&client_secret=40B2KAJFL2F5UFSP1WXSBYAM3UPDFI3GAMTBRGC20KIN53YJ"; 
function getFoursquare(url){ 
    var new_locations = $.ajax(url); 
    return new_locations; 
}; 

$('p').text(getFoursquare()); 

</script> 
</body> 
</html> 
+2

이것은 $ .ajax의 작동 방식이 아닙니다. 설명서를 읽고 예제를 살펴보십시오. 'new_locations'는 약속입니다 ... 데이터가 아닙니다. – charlietfl

+0

답변을 추가했지만, Firefox에서 URL을 실행하면 JSON에 멋진 스타일이 적용되어 처리 할 구조를 볼 수 있습니다 . –

답변

1

, 당신은 AJAX를위한 JSON 데이터 형식이 필요합니다, 당신은 AJAX 응답으로 발생하는 처리하도록해야합니다. 어떻게 작동하는지 알려면 다음 코드를 고려하십시오. 단락에 공연장의 이름을 추가합니다.

function getFoursquare(){ 
    var url = "https://api.foursquare.com/v2/venues/search?v=20161016&ll=34.0707998%2C%20-84.0554183&query=park&intent=browse&radius=2000&client_id=O3VAAPG2MY5H2QERHNM2G03DOKVHN1L1ESUD31251FVEMUXY&client_secret=40B2KAJFL2F5UFSP1WXSBYAM3UPDFI3GAMTBRGC20KIN53YJ"; 
    $.ajax({ 
    url: url, 
    dataType: 'json', 
    success: function(data){ 
     var venues = data.response.venues; 
     $.each(venues, function(i,venue){ 
     $('p').append(venue.name + '<br />'); 
     }); 
    } 
    }); 
}; 

getFoursquare(); 
+0

고마워요. 그게 내가 얻고 싶었던 도움이었습니다. – FalconBrazilT1

+0

도와 드리겠습니다. 수락 된 답변으로 표시하십시오. –