*   >> Læs Uddannelse artikler >> science >> programming

Oprettelse af en levende Twitter statusopdatering med YQL og JavaScript

rgsel. Dette lader os vide, hvordan at få adgang til egenskaberne fra JavaScript.


Dette program vil faktisk gøre brug af twitter.user.timeline bordet. Dette skyldes, at twitter.user.status tabellen ikke omfatter Twitter-brugere profilbillede. Linket til twitter.user.timeline tabellen i YQL konsollen ikke har en prøve forespørgsel, i stedet returnere standard forespørgslen desc twitter.user.timeline, som returnerer detaljerne i tabellen snarere end at køre en forespørgsel på de data, tabeller besidder. Men vi kan forespørge twitter.user.

timeline tabellen ligesom twitter.user.status bordet med select * from twitter.user.timeline hvor id = 'mcasperson «.


Trin 2 - Opret et grundlæggende HTML-dokument

Med YQL URL i hånden, vi nu nødt til at skrive noget kode. For at demonstrere dette program vi først brug for en enkel HTML-fil. Koden nedenfor viser omridset af HTML-dokumentet


Trin 3 -. Tilføj et link til jQuery

For nemheds vi vil bruge jQuery bibliotek, som tillader os at nemt ændre HTML-elementer, samt ringe til YQL service. Du kan få en kopi af jQuery til dig selv her.

Følgende kode, tilføjede i tag, omfatter jQuery kode på vores side

Trin 4 -. Opdater siden, når den vises første gang

Et almindeligt problem i JavaScript opstår, når du ønsker at behandle siden, når den er først indlæses. Den window.onload begivenhed er typisk til at udføre denne indledende behandling, men denne begivenhed kaldes før alle HTML-elementer er klar, hvilket betyder, JavaScript, der refererer specifikke elemets i HTML DOM vil mislykkes. Heldigvis jQuery giver en bekvem måde at udføre JavaScript, når HTML-DOM initialiseres gennem $ (dokument) .ready. .

Her satte vi den queryYQL funktion, der skal kaldes, når dokumentet er klar

$ (dokument) .ready (queryYQL)

Trin 4 - Calling the YQL tjeneste

Den queryYQL funktionen er, hvor vi faktisk kalde YQL service og derefter vise resultaterne. I trin 1 opnåede vi en kopi af den webadresse, der vil forespørge en brugere kvidre status fra YQL. Du kunne kopiere det lige ind i din kode uden problemer (så længe du indstille callback funktion til stedet for standard cbfunc -? Det vil blive forklaret nedenfor).

Men for denne ansøgning vi ønsker at være i stand til at angive, hvis Twitter-konto, vil vi forespørge. For at opnå dette, vi bygger op den sidste URL i en række trin

Funktionen queryYQL ()

{

Var yqlU

Page   <<  [1] [2] [3] [4] >>

Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.