Opprette en live Twitter statusoppdatering med YQL og JavaScript

Vi deretter bygge opp YQL søket, skaffe brukernavnet fra en HTML-inngang element (som vil bli lagt i senere trinn).

Var queryUrl = yqlUrl + "? q =" + escape (spørring) + "& format = json & tilbakeringing =?" + "& Env =" + escape ("butikk: //datatables.

org/alltableswithkeys");

Til slutt kombinerer vi basen URL, den YQL spørring (som er kodet med flukten funksjon), og ekstra paramaters som format (satt til JSON slik at vi kan bruke de returnerte data direkte fra Javascript), tilbakeringing (satt til et spørsmålstegn for jQuery), og evn (verdien som ble kopiert fra URL levert av YQL Console) inn den endelige URL.

Grunnen til at tilbakeringingsfunksjonen er spesifisert som et spørsmålstegn er fordi jQuery vil erstatte spørsmålstegnet med en referanse til funksjonen føres inn i getJSON funksjon som andre parameter.

Du kan finne mer informasjon på getJSON funksjon her

$ ("# twitterstatus") tekst ("Legge Twitter Status ...")..; .

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

Før vi kontakte YQL servere, vi først skjule bildet og vise meldingen "Laster Twitter Status ... ".

$. getJSON (queryUrl, funksjon (yqlObject)

Denne URL sendes deretter til jQuery getJSON funksjon, som vil kontakte YQL server og passerer JSON objekt som har blitt returnert til en funksjon som følger med som andre parameter.

{

Var twitterText = yqlObject.query.results.

entry [0] .title.replace (

. document.getElementById ('twittername') verdi + ":", "");

$ ("# twitterstatus".) tekst (twitterText);

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

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

}

);

status oppdateringer er alle prefiks twitter brukernavnet, som "mcasperson: dette er min twitter-status".

Dette fører brukernavn er overflødig (eller i det minste bedre vises andre steder), så vi bruker strengen erstatte funksjonen for å få en kopi av den nyeste twitter status innlegg hvor brukernavnet har blitt fjernet.

For å vise twitter status vi oppdatere element med en ID for twitterstatus med den siste statusoppdatering, og oppdatere en IMG element med ID twitterimage med Twitter-brukere profilbildet sitt. Vi har også satt i IMG element for å være synlig. Alle disse HTML-elementer vil bli opprettet i senere trinn.

Du vil