*   >> läser Utbildning artiklar >> science >> programming

Skapa en levande statusuppdatering med YQL och JavaScript

ss veta hur man kommer åt egenskaperna från JavaScript. Omdömen

Omdömen

Denna ansökan kommer faktiskt utnyttja twitter.user.timeline tabellen. Detta beror på att twitter.user.status tabellen inkluderar inte Twitter-användare profilbild. Länken för twitter.user.timeline tabellen i YQL Console inte har en provfråga, i stället återstandardfråge fallande twitter.user.timeline, som returnerar information om själva tabellen snarare än att köra en fråga på data tabeller innehar. Men vi kan söka i twitter.user.timeline tabellen precis som twitter.user.

status bord med SELECT * FROM twitter.user.timeline där id = 'mcasperson. Omdömen

Omdömen

Steg 2 - Skapa en grundläggande HTML-dokument Omdömen

Med YQL URL i handen, nu måste vi skriva lite kod. För att demonstrera det här programmet behöver vi först en enkel HTML-fil. Koden nedan visar konturerna av HTML-dokumentet Omdömen

Omdömen

Steg 3 -. Lägg till en länk till jQuery Omdömen

För enkelhetens skull kommer vi att använda jQuery biblioteket, vilket ger oss möjlighet att enkelt ändra HTML-element, samt ringa YQL tjänsten. Du kan få en kopia av jQuery själv här.

Följande kod, läggas till i etiketten innehåller jQuery kod i vår sida Omdömen

Steg 4 -. Uppdatera sidan när den först visas Omdömen

Ett vanligt problem i JavaScript uppstår när du vill bearbeta sidan när den först laddas. Den window.onload händelse används vanligtvis för att genomföra denna initiala behandling, men denna händelse kallas innan alla HTML-element är redo, vilket innebär JavaScript som refererar till specifika elemets i HTML DOM kommer att misslyckas. Lyckligtvis jQuery ger ett bekvämt sätt att köra JavaScript när HTML DOM initieras genom $ (dokument) .ready. .

Här sätter vi queryYQL funktion som ska kallas när dokumentet är klart Omdömen

$ (dokument) .ready (queryYQL);

Steg 4 - Ringa YQL tjänsten Omdömen

Den queryYQL funktionen är där vi faktiskt kallar YQL service och sedan visa resultaten. I steg 1 fick vi en kopia av webbadressen som kommer att fråga en användare twitter status från YQL. Du kan kopiera den rakt in din kod utan problem (så länge du ställer in callback-funktion istället för standard cbfunc -? Detta kommer att förklaras nedan).

Men för denna applikation vill vi kunna specificera vars Twitter-konto kommer vi att fråga. För att uppnå detta bygger vi upp den slutliga webbadressen i ett antal steg Omdömen

funktion queryYQL () Review

{Omdömen

var yqlUrl = "http:.

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

Copyright © 2008 - 2016 läser Utbildning artiklar,https://utbildning.nmjjxx.com All rights reserved.