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.