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

Oprettelse af en levende Twitter statusopdatering med YQL og JavaScript

rl = "http:. //query.yahooapis. dk /v1 /offentlig /YQL "

yqlUrl variabel holder basen URL for YQL tjeneste

var query =". vælg * fra twitter.user.timeline hvor id = "" . +

document.getElementById ('twittername «) værdi +"' "

Vi derefter opbygge YQL forespørgslen, opnåelse brugernavnet fra en HTML-input element (som vil blive tilføjet i senere trin).

var queryUrl = yqlUrl + "? q =" + escape (query) + "& format = JSON & tilbagekald =?" + "& Env =" + escape ("butik: //datatables.

org/alltableswithkeys");

Endelig kombinerer vi base URL, det YQL forespørgslen (som er blevet kodet med flugten funktion), og yderligere paramaters som format (indstillet til JSON, så vi kan bruge de returnerede data direkte fra JavaScript), tilbagekald (indstillet til et spørgsmålstegn for jQuery), og EVN (hvis værdi blev kopieret fra den webadresse leveret af YQL Console) ind den endelige URL.


Grunden funktionen tilbagekald er angivet som et spørgsmålstegn skyldes jQuery vil erstatte spørgsmålstegnet med en henvisning til den funktion føres ind i getJSON funktion som den anden parameter. Du kan finde ud af mere information på getJSON funktionen her

$ ("# twitterstatus") tekst ("Ilægning Twitter-status ...")..; .

$ ("# twitterimage") css ("synlighed", "skjult")

Før vi kontakte YQL servere, vi først skjule billedet og vise meddelelsen "Loading Twitter status ... ".

$.

getJSON (queryUrl, funktion (yqlObject)

Denne URL føres derefter til jQuery getJSON funktion, som vil kontakte YQL serveren og passere JSON objekt der er blevet returneret til en funktion leveres som den anden parameter.

{

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

. document.getElementById ('twittername «) værdi +": "," ");

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

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


$ ("# twitterimage") css ("synlighed", "synlig" )

}

)

Status opdateringer alle foranstillet med twitter brugernavn, ligesom "mcasperson: dette er min twitter tilstand". Denne førende brugernavn er overflødigt (eller i det mindste bedre vises andre steder), så vi bruger strengen erstatte funktionen til at få en kopi af den seneste twitter status indlæg, hvor brugernavnet er blevet fjernet.

For at vise twitter status vi opdaterer elementet med et ID twitter

Page   <<  [1] [2] [3] [4] >>
Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.