Luominen live Twitter asema päivitys YQL ja JavaScript

lukko ei sisällä twitter käyttäjien profiilin kuva. Linkki twitter.user.timeline taulukon YQL Console ei ole näytteen kyselyn, sen sijaan palaavat oletuskyselyn laskeva twitter.user.timeline, joka palauttaa tiedot taulukon eikä niinkään käynnissä kyselyn tietoihin taulukot omistaa. Emme kuitenkaan voi kyselyn twitter.user.timeline pöydän aivan kuten twitter.user.status pöydän valinta * alkaen twitter.user.timeline jossa id = "mcasperson".

Vaihe 2 - Luo HTML-asiakirja

YQL URL kädessä, meidän on nyt kirjoittaa koodia.

Tämän osoittamiseksi sovelluksen meidän on ensin yksinkertainen HTML-tiedoston. Koodi esitetään ääriviivat HTML-dokumentti.

Vaihe 3 - Lisää linkki jQuery

Yksinkertaisuuden käytämme jQuery kirjastoa, jonka avulla voimme helposti muokata HTML-elementit, sekä soittaa YQL palvelu. Voit saada kopion jQuery itse täällä. Seuraava koodi, lisätään tunniste, sisältää jQuery koodi meidän sivulla.

Vaihe 4 - Päivitä sivu, kun se on ensin näytetään

yleinen ongelma JavaScript ilmenee, kun haluat käsitellä sivun, kun se on ensin ladattu. Window.

onload tapahtuma käytetään tyypillisesti suorittaa tämä alustava jalostus, mutta tämä tapahtuma on nimeltään ennen kuin kaikki HTML-elementit ovat valmiina, mikä tarkoittaa JavaScript joka viittaa tietyn elemets HTML DOM epäonnistuu. Onneksi jQuery tarjoaa kätevän tavan suorittaa JavaScript kerran HTML DOM alustetaan kautta $ (document) .ready. Tässä asetamme queryYQL toiminto kutsua, kun asiakirja on valmis.

$ (document) .ready (queryYQL);

Vaihe 4 - Calling YQL palvelun

queryYQL toiminto on, jos me todella soittaa YQL palvelu ja sitten näyttää tulokset.

Vaiheessa 1 saimme kopion URL kyselyn käyttäjiä viserrys tilan YQL. Voisit kopioi suoraan koodi ilman mitään ongelmia (niin kauan kuin asetat soittopyynnön toiminnon? Sijasta oletuksena cbfunc - tämä selitetään alla). Jotta tämä sovellus haluamme voitava määritellä joiden Twitter-tilille me kyselyn. Tämän saavuttamiseksi rakentaa lopullinen URL useita vaiheita.

toiminto queryYQL ()

{

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

yqlUrl muuttuja pitää pohjan URL YQL palvelun.

var kysely =" select * from twitter.user.

timeline jossa id = '" +

document.getElementById ('twittername "). arvo +" ""

sitten rakentaa YQL kyselyn, saada käyttäjän nimi HTML tuloyksikön (joka lisätään myöhemmissä vaiheis

Page   <<  [1] [2] [3] [4] >>

Ohjelmointi: Suunnittelu ja Planning

• PushButton opetusohjelma sarja - Parallax Background
• JavaScriptin avulla String Säännöllinen Expressions
• Perusteet C printf Function
• Banner HTML Document
• 17 tapoja saada Vista, Suorita Faster
• Esimerkkejä Vaihdevivut Codes
• Automatisoitu Tiedonkeruu ja järjestelmät Integration
• Perusteet C ++ tunniste Scope
• Aloitusopas Php
• Kuinka Poista System Tool 2011 virus Computer