2012-03-10 6 views
1

하위 게시판의 첫 번째 permalink로 내 div를 추가하고 싶습니다. 나는 jQuery의 문서, Smashing Magazine의 기사 및 reddit의 github을 따르지 만 아무런 효과가 없다. 이 작업을 수행하는 방법을 이해하도록 도와주십시오.getJSON + reddit api - 어떻게 물지?

JQuery와 :

$(document).ready(function(){ 
     $.getJSON("api.reddit.com/r/aww/.json", function(json){ 
      $(".slodziaki").append("<p>Permalink</p>"+ json.data.children.data[0].permalink)'   
     }); 
}); 

HTML :

<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Słodziaki.</title> 
     <script> 

     </script> 
    </head> 
    <body> 
     <div class="slodziaki"> 
      Reddit api test. 
     </div> 
    </body> 
</html> 

jsFiddle : 당신은 올바른 생각을 가지고 있지만, 대부분의 브라우저는 당신이 때문에 api.reddit.com에 액세스 할 수 없습니다 http://jsfiddle.net/AdVS3/2/

+0

중복 된 http://stackoverflow.com/questions/8191105/how-to-extract-url-data-from-reddit-api-using-json – Niko

+0

'api.reddit.com/r/aww/.json '은 적절한 URL이 아니라 URL 경로입니다. – Gumbo

답변

2

XSS protectionSame Origin Policy. 또 다른 옵션은 서버 측 스크립트를 통해 cURL 또는 유사한 것을 사용하여 JSON을 가져 오는 것이며 jQuery는 로컬 서버에서 해당 리소스에 액세스합니다. 스크립팅 언어를 제공하면 더욱 도움이 될 수 있습니다.

다행스럽게도 PHP로 매우 쉽습니다. quite a few options이 있지만 그 페이지에서 file_get_contents()으로 시작하는 것이 좋습니다. 성능 향상을 원하는 경우 여기에 언급 된 cURL 옵션을 탐색해야합니다. 간단히 말해서 모든 것은 지정된 URL (api.reddit.com/r/aww/.json)로 이동하여 로컬로 표시합니다.

aww.php이라는 파일에이 파일을 넣으려면 .getJSON 함수에서 aww.php으로 전화하면됩니다.

+0

답장을 보내 주셔서 감사합니다. 이전에 내가 (iframe처럼) 접근 할 수있는 것을 사용할 수 있다고 생각했기 때문에 매우 흥미 롭습니다. 그러나 당신은 내가 감사하는 것을 틀리게 증명했습니다. 불행히도 저는 프론트 엔드 사람이고 서버 측 언어에 대한 지식이 없습니다. 그러나 나는 스크립트 언어의 기본을 배울 열망하는 프로젝트를 수행하기를 원한다. 현재 웹 서버는 PHP 만 제공하므로 (배워야 할 계획이 아니었기 때문에) 이제는 그걸 고수 할 것이다. 방법에 대한 기술을 제게 알려주십시오. 미리 감사드립니다. – metrampaz

+0

야후 YQL을 프록시로 사용하여 데이터를 가져올 수 있으며, 샌드 박스 콘솔에 몇 분만 설치하면됩니다. – charlietfl

+0

@metrampaz 일부 PHP 관련 정보를 추가했습니다. – Nic

관련 문제