Skapa en levande statusuppdatering med YQL och JavaScript

yqlUrl variabeln håller baswebbadressen för YQL tjänsten Omdömen

var query =." välj * från twitter.user.timeline där id = '" . +

document.getElementById ("twittername) värde +" '",

Vi bygger sedan upp YQL frågan, få användarnamnet från en HTML inmatningselement (som kommer att läggas i senare steg). Omdömen

var queryUrl = yqlUrl + "? q =" + escape (fråga) + "& format = json & callback =?" + "& Env =" + escape ("store: //datatables.

org/alltableswithkeys"), Omdömen

Slutligen kombinerar vi baswebbadressen, den YQL frågan (som har kodats med escape funktion), och ytterligare paramaters som format (inställt på JSON så att vi kan använda åter data direkt från JavaScript), återuppringning (satt till ett frågetecken för jQuery), och EVN (vars värde har kopierats från webbadressen som tillhandahålls av YQL Console) i slutadressen.

Anledningen callback-funktionen anges som ett frågetecken är på grund jQuery kommer att ersätta frågetecknet med en referens till den funktion passerat in i getJSON funktion som den andra parametern. Du kan ta reda på mer information för getJSON funktionen här Omdömen

$ ("# twitterstatus") text ("Laddar Twitter Status ...").. .

$ ("# twitterimage") css ("synlighet", "dolda");

Innan vi kontaktar YQL servrarna, vi först dölja bilden och visa meddelandet "Loading Twitter Status ... ". Omdömen

$.

getJSON (queryUrl, funktion (yqlObject) Review

Denna URL leds sedan till jQuery getJSON funktionen, som kommer i kontakt med YQL servern och passera JSON objekt som har återförts till en funktion levereras som den andra parametern.

{

VAR twitterText = yqlObject.query.results.entry [0] .title.replace (

. document.getElementById ("twittername) värde +": "," ");

$ (" # twitterstatus ".) text (twitterText), Omdömen

$ (" # twitterimage " ) .attr ("src", yqlObject.query.results.entry [0] .link [1] .href),.

Omdömen

$ ("# twitterimage") css ("synlighet", "synliga" ),

} Omdömen

), Omdömen

Statusuppdateringar alla föregås av twitter användarnamn, som "mcasperson: detta är min twitter status". Denna ledande användarnamn är redundant (eller åtminstone bättre visas någon annanstans), så vi använder strängen ersätta funktionen för att få en kopia av den senaste twitter status inlägg där användarnamnet har tagits bort. Omdömen

För att visa twitter Statusuppdatering vi elementet med en