jquery가있는 jsonp [닫힘]


89

jquery로 jsonp 요청을 읽는 아주 간단한 예제를 제공 할 수 있습니까? 나는 그것을 작동시킬 수 없습니다.

답변:


144

다음은 작동 예입니다.

<html><head><title>Twitter 2.0</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head><body>
<div id='tweet-list'></div>
<script type="text/javascript">
$(document).ready(function() {
    var url =  "http://api.twitter.com/1/statuses/user_timeline/codinghorror.json";
    $.getJSON(url + "?callback=?", null, function(tweets) {
        for(i in tweets) {
            tweet = tweets[i];
            $("#tweet-list").append(tweet.text + "<hr />");
        }
    });
});
</script>
</body></html>

주목 ?callback=?요청 된 URL의 끝에. 이는 getJSONJSONP를 사용하려는 함수를 나타냅니다 . 이를 제거하면 바닐라 JSON 요청이 사용됩니다. 동일한 출처 정책 으로 인해 실패 합니다.

JQuery 사이트 ( http://api.jquery.com/jQuery.getJSON/) 에서 자세한 정보와 예제를 찾을 수 있습니다.


2
나는 그 jsonp 매개 변수로 $ .ajax를 시도했지만 작동하지 못했습니다. 어쨌든 이것은 잘 작동합니다. 감사합니다.
akula1001

2
?callback=?실제로 URL의 일부로 전송 됩니까, 아니면 URL을 가져 오기 전에 jQuery가보고 제거하는 일종의 플래그입니까?
hippietrail 2011

1
URL에 매개 변수가 필요한 경우 무엇이 필요합니까? (예 : ?p=1&s=50)
ONDEV

2
나는 이것이 출발점으로 좋은 참고 자료라는 것을 알았다. 위 답변 : 예, 콜백은 매개 변수로 전송되며 JSON 응답을 감싸는 함수로 다시 전송되어야합니다. stackoverflow.com/questions/7936610/…을 참조하십시오 . 추가 매개 변수를 전송하기 위해 위의 예에서 getJSON ()의 두 번째 매개 변수로 전송됩니다. null을 {p : 1, s : 50}으로 대체
Ecropolis

오류 코드 410이 표시됩니다. 어디에서나 JSON을 반환하는 "영원히"존재하는 서비스가 있습니까? 자신의 방법이 작동하는지 테스트 할 수 있도록?
Konrad Viltersten 2013 년
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.