Deze toepassing zal daadwerkelijk gebruik maken van de twitter.user.timeline tafel te maken. Dit komt omdat de twitter.user.status tabel niet twitter gebruikers het profiel op te nemen. De link voor de twitter.user.timeline tafel in de YQL Console niet over een monster query, in plaats terug de standaard vraag desc twitter.user.
timeline, waarin de details van de tabel zelf terug in plaats van het uitvoeren van een query op de gegevens van de tafels houdt. Toch kunnen we de twitter.user.timeline tafel te vragen net als de twitter.user.status tafel met select * van twitter.user.timeline waarbij id = 'mcasperson'.
Met de YQL URL in de hand, moeten we nu wat code te schrijven. Om deze toepassing we eerst een eenvoudige HTML-bestand moet tonen. De onderstaande code toont de contouren van de HTML-document
Voeg een link naar jQuery
Voor het gemak zullen we de jQuery bibliotheek, die ons in staat stelt om te gebruiken makkelijk de HTML-elementen te wijzigen, evenals noemen de YQL service. U kunt een kopie van jQuery hier te komen voor jezelf. De volgende code toegevoegd in de tag, bevat de jQuery code in onze pagina
Een veel voorkomend probleem in JavaScript treedt op wanneer u wilt verwerken pagina wanneer het wordt geladen. De window.
onload evenement wordt meestal gebruikt om deze eerste bewerking uit te voeren, maar deze gebeurtenis wordt aangeroepen voordat alle HTML-elementen klaar zijn, wat betekent dat JavaScript specifieke elemets in de HTML DOM verwijst zal mislukken. Gelukkig jQuery biedt een handige manier om JavaScript uit te voeren wanneer het HTML DOM wordt geïnitialiseerd door middel van $ (document) .ready. . Hier zetten we de queryYQL functie genoemd te worden zodra het document klaar
$ (document) .
ready (queryYQL);
De queryYQL functie is waar we eigenlijk noemen het YQL service en vervolgens de resultaten weer te geven. In stap 1 verkregen we een kopie van de URL die een gebruiker twitter de status van YQL zal vragen. Je zou kunnen kopiëren die rechtstreeks in uw code zonder enig probleem (zolang je de callback functie in plaats van de standaard cbfunc set -? Dit zal hierond
net