Wie zum extrahieren von Daten aus Tumblr API (JSON)?

Ich habe ein Tumblr-account und registrierte meine Bewerbung ihn zu authentifizieren.

Tumblr-Dokumentation: http://www.tumblr.com/docs/en/api/v2

Verstehe ich die API-Ausgänge JSON-so:

{
   "meta": {
      "status": 200,
      "msg": "OK"
   },
   "response": {
      "blog": {
         "title": "David's Log",
         "posts": 3456,
         "name": "david",
         "url": "http:\/\/david.tumblr.com\/",
         "updated": 1308953007,
         "description": "<p><strong>Mr. Karp<\/strong> is tall and skinny, with
            unflinching blue eyes a mop of brown hair.\r\n
         "ask": true,
         "ask_anon": false,
         "likes": 12345
      }
   }
}

Das ist gut, aber die Dokumentation endet dort. Ich habe keine Ahnung, wie man diese Informationen und zeigt Sie auf meiner Website.

Dachte ich, die Weise, die Sie erhalten würden, es wäre so etwas wie:

$.ajax({
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api-key=myapikey",
    dataType: 'jsonp',
    success: function(results){
        console.log(results);
    }
});

Aber das macht nichts.

Kann jemand mir helfen? Dank

  • Es wird nichts protokolliert, um Ihre Konsole? Scheint zu funktionieren, hier.
  • ja ich bekomme das auch. Aber ich bin mir nicht sicher, wie Sie actaully, schreiben Sie Elemente auf dem Bildschirm
  • Sie sind mit dem request_token oder die access_token?
  • äääh ich habe keine Ahnung. Gibt es eine Möglichkeit dies zu überprüfen?
  • eigentlich für das obige Verfahren, brauchen Sie nur einen gültigen API-key. das OAuth-Tanz ist erforderlich für Benutzer-spezifische Daten.
  • gerade überprüft die Dokumentation. Es sagt, um die Nutzung der OAuth-da die API-Schlüssel
  • tumblr.com/docs/en/api/v2#blog-info , dies zeigt, dass die Authentifizierung benötigt, ist nur der api-Schlüssel oder auch bekannt als OAuth-Consumer-Key

InformationsquelleAutor MeltingDog | 2013-01-25
  1. 8

    results ist nun das Objekt, das Sie verwenden können, um die Referenz der JSON-Struktur. Wenn Sie die Konsole.die Ergebnisse protokollieren Objekt, es sollte angezeigt werden in der Javascript-Entwickler-Konsole, wo Sie erkunden können, das Objekt-Baum.

    Das response-Objekt

    Also, wenn Ihr Erfolgs-callback die Antwort empfängt, der sollte Folgendes zur Verfügung:

    results.meta.status => 200

    results.meta.msg => "OK"

    results.response.title => "David' s Log"

    results.response.posts => 3456

    results.response.name => "david"

    results.response.url => "http://david.tumblr.com/"

    results.response.updated => 1308953007

    results.response.description => "<p><strong>Mr. Karp</strong>.."

    results.response.ask => true

    results.response.ask_anon => false,

    results.response.likes => 12345

    Schreiben auf der Seite

    Wenn Sie wirklich wollen, um zu sehen, etwas geschrieben zu deiner Seite, benötigen Sie eine Funktion, die ändert das DOM-Dokument.schreiben, oder, da Sie mit Jquery $("#myDivId").html(Ergebnisse.Antwort.Titel);

    Versuchen Sie dies:

    • Hinzufügen <div id="myDivId"></div> irgendwo in der Sie Ihre Seite, und
    • Hinzufügen $("#myDivId").html(results.response.title); in Ihrem Erfolgs-callback-Funktion
    $.ajax({
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api_key=myapikey",
    dataType: 'jsonp',
    success: function(results){
        //Logs to your javascript console.
        console.log(results); 
        //writes the title to a div with the Id "myDivId" (ie. <div id="myDivId"></div>)
        $("#myDivId").html(results.response.title); 
    }
});
    • Jut ein Hinweis, dass die api-Schlüssel sollte api_key in der URL-Zeichenfolge. 🙂
    • Hoppla! Guter Fang =] Aktualisiert.
    • Gibt es eine Möglichkeit, den Zugriff auf die aktuelle post-Daten als auch mit diesem Ansatz? Wie erstellen Sie eine Kopie des Textes in einem Beitrag?
    • Yeah! Aber es ist eine andere Ressource (/posts statt /info). Haben Sie einen Blick auf tumblr.com/docs/en/api/v2#posts, hilft das?
    • Ja, tatsächlich habe ich geschrieben eine Frage zu dem Thema, aber mein problem ist nun behoben. Trotzdem danke (:
    • Gut! Diese Gemeinschaft ist unglaublich genial. Froh, Sie haben es herausgefunden!
    • Dies ist ein wirklich schlechtes Beispiel, wie es fehlen so viele Dinge. Zum Beispiel die Tatsache, dass wenn Sie sind unter Verwendung von jQuery, die Sie benötigen, um die library, bevor das Skript
    • Jquery Beispiel wurde aus der ursprünglichen Frage. Bitte siehe OP.

    InformationsquelleAutor Workman
  2. 1

    In der Frage code, der den Typ der Anforderung wurde nicht eingestellt und es wurde abgelehnt von tumblr. Die jsonp-error-response gedruckt wurde-aus. Der folgende code korrekt macht die jsonp-Anfrage.

    War der Schlüssel unter Angabe der Art und der Datentyp. Viel Glück happy hacking. 😉

    $.ajax({
    type:'GET',
    url: "http://api.tumblr.com/v2/blog/jdavidnet.tumblr.com/info",
    dataType:'jsonp',
    data: {
        api_key : "myapikey"
    },
    success:function(response){
        console.log(response, arguments);
    }
 });
    InformationsquelleAutor jdavid.net
  3. 0

    Einer Weise zu schreiben, die ein Objekt auf dem Bildschirm, um ein element mit Ihrer JSON-Darstellung auf der Seite:

    $.ajax({
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api-key=myapikey",
    dataType: 'jsonp',
    success: function(results){
        $("body").append(
            $("<pre/>").text(JSON.stringify(results, null, "    "))
        );
    }
});

    Hier ist eine demonstration: http://jsfiddle.net/MZR2Z/1/

    • Cool das ist Super!!! Aber wie würde ich mich über die Anzeige sagen, dass die Titel aus, die in ein HTML-tag?
    • Dies hat so viele Lücken in den Informationen
    InformationsquelleAutor Asad Saeeduddin
Schreibe einen Kommentar