Een live Twitter status update met YQL en JavaScript

er worden toegelicht). Echter, voor deze toepassing willen we in staat zijn om aan te geven wie de Twitter-account we zullen vragen. Om dit te bereiken bouwen we de laatste URL in een aantal stappen

functie queryYQL ()

{

var yqlUrl = "http:. //query.yahooapis. com /v1 /public /YQL ";

De yqlUrl variabele houdt de basis-URL voor de YQL dienst

var-query =" te selecteren. * uit twitter.user.timeline waarbij id = "" . +

document.

getElementById ('twittername') waarde + "" ";

We hebben toen de opbouw van de YQL query, het verkrijgen van de gebruiker naam van een HTML-ingang element (die zal worden toegevoegd in latere stappen).

var queryUrl = yqlUrl + "? q =" + escape (vraag) + "& format = JSON & callback =?" + "& Env =" + escape ("store: //datatables.

org/alltableswithkeys");

Tot slot combineren we de basis-URL, de YQL vraag (die is gecodeerd met de escape-functie), en de aanvullende paramaters zoals formaat (ingesteld op JSON zodat wij de geretourneerde gegevens direct gebruik van JavaScript), callback (ingesteld op een vraagteken voor jQuery) en EVN (waarvan de waarde werd gekopieerd van de door de YQL Console meegeleverde URL) in de laatste URL.

De reden waarom de callback functie wordt gespecificeerd als een vraagteken is omdat jQuery het vraagteken wordt vervangen door een verwijzing naar de functie doorgegeven aan de getJSON functie als de tweede parameter. U kunt de functie getJSON hier Meer informatie

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

$ ("# twitterimage") css ("zichtbaarheid", "verborgen");

Voordat we contact op met de YQL servers, we eerst verstoppen het beeld en toont de melding "Loading Twitter Status ... ".

$.

getJSON (queryUrl, functie (yqlObject)

Deze URL wordt vervolgens doorgegeven aan de jQuery getJSON functie, die zal contact opnemen met de YQL server en passeren de JSON object die is teruggekeerd naar een als tweede parameter meegeleverde functie.

{

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

. document.getElementById ('twittername') waarde + "", "");

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

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

$ ("# twitterimage") css ("zichtbaarheid", "zichtbaar" );

}

);

De status updates worden allemaal voorafgegaan door de Twitter-gebruiker naam, zoals "mcasperson: dit is mijn twitter-status". Deze toonaangevende gebruikersnaam o