tumblr의 API에서 이미지, 게시물 제목 및 게시 날짜 잡기

Question

정적 웹 페이지에 tumblr 피드를 포함시키기위한 Nathan Scott의 javascript 스 니펫이 매우 유용합니다. 그러나 나는 또한 내가 얻고 자하는 정보면에서 너무 단순하다는 것을 발견했다. 제한된 지식으로 Post의 Title과 Date를 호출하여 CSS로 스타일을 지정할 수있는 방법을 찾지 못하는 것 같습니다. 나는 또한 정규 게시물의 첫 번째 사진 만 얻고 X 문자를 잘라낸 후에는 잘 자지 만 운이 없다는 것이 이상적입니다.

어떤 종류의 도움이라도 대단히 감사하겠습니다!

Nathan Scott의 호의에 원본 코드입니다!

<script type="text/javascript" src="http://collinsstreetmedia.tumblr.com/api/read/json"> 
</script> 

<script type='text/javascript'> 
    $("#announcement").html(
    tumblr_api_read["posts"][0]["regular-body"].substring(0,400) 
); 
    $("#announcement_url").attr(
     { 
     href: (tumblr_api_read["posts"][0]["url"]) 
     } 
    ); 
</script> 

Answer 1

다음을 시도해보십시오.

$.getJSON("http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY]", function(data) { 
    alert(data); // Do something with 'Data', your JSON response. 
}); 

실제로 사람 :

http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY] 

그런 다음 해당 요청을 호출 할 수 있습니다 jQuery를 사용 : 예를 들어

http://api.tumblr.com/v2/blog/[TUMBLR WEBSITE HERE]/posts/text?api_key=[YOUR API KEY] 

:

당신이 게시물을 가져 오는 원하는 엔드 포인트는 이것이다 JSON을 구문 분석하면 다음과 같이 간단하게 사용할 수 있습니다.

var responseData = $.parseJSON(data); 
alert(responseData.response.posts);