>> SPEAKER 1: Katsotaanpa toteuttamaan web sivu, jonka avulla käyttäjät voivat
etsiä osakekursseja.
Oletetaan ensin, että on olemassa tiedosto nimeltä quote.php, mutta tämä
voitaisiin toteuttaa eniten tahansa kieli, mutta jonka tarkoitus elämässä on
odottaa HTTP GET parametri nimeltään symboli, jonka arvo on
symboli kalustolle, joita varten haluat lainata.
>> Esimerkiksi, jos katsomme tätä tiedostoa selain, quote.php, huomaa, että
Olen läpäissyt jo, symboli FB, Facebook.
Ja huomaa, että mitä on tullut takaisin on JSON objekti kolme avainta.
Yksi nimi on symboli, yksi nimeltään nimi, ja yksi nimeltään hinta.
Arvot, jotka ovat täsmälleen, että alkaen tiedosto kyseessä.
>> Nyt kiinnitettävä huomiota aloittaa jokin HTML ja
JavaScript.
Täällä ajax-0.html, huomaa että sisällä sivuni ruumis minulla on muotoa
että on onsubmit määritteen arvo on lainaus ja palautus
vääriä, mikä täsmennetään, että haluaisin soittaa JavaScript-toiminto
nimeltään lainaus ja palata sitten vääriä.
Samaan aikaan sisällä että muoto on symboli, jonka tunnus on, lainaus lainaus,
"Symboli", ja sitten toinen tulo, jonka tyyppi väittävät, että antaa minulle
jättämistä painiketta.
>> Samaan aikaan sisällä sivuni pään, on komentosarjatunnus, lähde
joka on URL jQuery, hyvin suosittu JavaScript-kirjaston, ja alle
se on toinen komentosarjatunnus, sisällä joka on aloittaa jokin
JavaScript että minä itse kirjoittaa.
Tämä on lainaus toiminto, joka lopulta kutsutaan, ja sisältä
Tuoteryhmän julistaa muuttuja nimeltä URL, täsmennettiin, että arvo tämän
muuttuja on quote.php? symbol = ".
>> Ja Nyt liität kiinni loppuun kyseisen alkuperäisen merkkijonon mitä symboli
käyttäjä on oletettavasti kirjoittanut.
Erityisesti tehkäämme + $ "" # tunnuksella Näin täsmennetään, että haluaisin
saada, jQuery minun DOM, elementti, jonka ainutlaatuinen
tunniste, symboli.
Muista, että se on yksinkertaisesti tekstiä -kenttä, jonka käyttäjä on menossa
kirjoita että osakesymbolille.
>> Sitten kutsukaamme val, joka on funktio tai menetelmä, joka saa
arvo että käyttäjän kirjoitetaan sisään
Ja sitten kutsukaamme jQuery toiminto nimeltään getJSON, kulkee niin
Ensimmäinen väite, että URL, ohimennen, kuten Toinen argumentti, nimetön
toiminto, joka odottaa yhden argumentin.
Data, me kutsumme sitä.
Ja sisältä nimettömiä toiminto, me yksinkertaisesti tehdä hälytys, ja sitten
suluissa, data.price.
Jos tietoja, kun kaikki on että JSON esineeseen kolme kenttää -
symboli, nimi ja hinta, jonka teet data.price Haen
juuri tämän arvon.
>> Katsotaanpa nyt tallentaa tiedoston ja avaa sen selaimessa.
http://localhost/ajax-0.html.
Täällä meillä on tässä muodossa.
Katsotaanpa kirjoittaa FB Facebook ja saada tarjous.
Ja siellä sitten on Facebook uusin osakekurssi.