Захват изображения, заголовка сообщения и даты сообщения из API tumblr

Я нашел фрагмент javascript Натана Скотта для встраивания ленты Tumblr на статическую веб-страницу чрезвычайно полезным. Но я также нахожу это слишком простым с точки зрения информации, которую я хочу получить. С моими ограниченными знаниями я не могу понять, как также вызвать заголовок сообщения и дату, чтобы я мог стилизовать его с помощью CSS. Я также в идеале хотел бы заявить, что я получаю только первую фотографию из обычного поста и усекаю после X количество символов, но мне не повезло.

Любая помощь будет принята с благодарностью!

вот исходный код, любезно предоставленный Натаном Скоттом!

 <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>

person user1149977    schedule 15.01.2012    source источник
comment
Пробовали ли вы читать и тестировать различные подходы, используя официальную документацию? Это кажется простым... tumblr.com/docs/en/api/v2   -  person Only Bolivian Here    schedule 15.01.2012


Ответы (1)


Попробуйте следующее.

Конечная точка, которую вы хотите получить для публикации, такова:

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

Например:

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

Затем с помощью jQuery вы можете вызвать этот запрос:

$.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.
});

Чтобы на самом деле проанализировать JSON, вы можете использовать что-то простое, например:

var responseData = $.parseJSON(data);
alert(responseData.response.posts);
person Only Bolivian Here    schedule 15.01.2012