jQuery AJAX-funktiot
jQuery tarjoaa rikkaimman funktiokirjon AJAX-kehitykseen.
jQuery AJAX-esimerkki
Napsauta alla olevaa painiketta, niin voit muuttaa tätä tekstiä AJAX:n avulla
Yllä oleva esimerkki on otettu AJAX oppaustuoteMutta se on muokattu jQuery:n avulla.
Mikä on AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX on teknologia, joka luo nopeita dynaarisia verkkosivuja.
AJAX mahdollistaa sivuston osittaisen päivityksen taustalla olevan palvelimen kanssa vaihtamalla vain pienen määrän tietoja. Tämä tarkoittaa, että on mahdollista päivittää sivun osa ilman, että koko sivu ladataan uudelleen.
Voit tutustua AJAX oppaustuote opastaa sinua syvemmälle AJAXin ymmärtämiseen.
AJAX ja jQuery
jQuery tarjoaa rikkaimman funktiokirjon AJAX-kehitykseen.
Käyttämällä jQuery AJAX:ia, voit pyytää TXT, HTML, XML tai JSON-tiedostoja etäpalvelimelta HTTP Get ja HTTP Post -menetelmillä.
ja voit suoraan ladata etäistä dataa valittuun HTML-elementtiin sivustollasi!
kirjoitetaan vähemmän, tehdään enemmän
jQuery:n load-funktiota on yksinkertainen (mutta erittäin tehokas) AJAX-funktio. Sen syntaksi on seuraava:
$(selector).load(url,data,callback)
Käytä selector määrittääksesi muutettavan HTML-elementin, käytä url Parametritmäärittääksesi tietojen verkkosivun osoitteen.
Parametrit. Tarvitset näitä vain, jos haluat lähettää tietoja palvelimelle. data Parametrit. Tarvitset näitä vain, jos haluat suorittaa funktion suoritettuaan. callback Parametrit.
Low Level AJAX
$.ajax(options) on matalan tason AJAX-funktioiden syntaksi.
$.ajax tarjoaa enemmän toimintoja kuin korkeamman tason funktiot, mutta se on myös vaikeampi käyttää.
option Asetukset ovat name|value -parit, jotka määrittelevät URL-datan, salasanan, datan tyyppin, suodattimen, merkkikoodauksen, aikakatkaisun ja virheen käsittelyfunktion.
jQuery AJAX-pyyntö
| Pyyntö | Kuvaus |
|---|---|
| $(selector).load(url,data,callback) | Lataa etäinen data valittuun elementtiin |
| $.ajax(options) | Lataa etäinen data XMLHttpRequest-objektiin |
| $.get(url,data,callback,type) | Lataa etäinen data HTTP GET:llä |
| $.post(url,data,callback,type) | Lataa etäinen data HTTP POST:llä |
| $.getJSON(url,data,callback) | Lataa etäinen JSON-data HTTP GET:llä |
| $.getScript(url,callback) | Lataa ja suorita etäinen JavaScript-tiedosto |
(url) Ladataan datan URL (osoite)
(data) Lähetettävän datan avain-arvo-objekti
(callback) Suoritettava funktio, kun data ladataan
(type) Palautetun datan tyyppi (html, xml, json, jasonp, script, text)
(options) Kaikki AJAX-pyynnön avaimenarvo -valinnat
Viittausoppaustuote
Jos tarvitset lisätietoja jQuery AJAX -funktioista, vieraile jQuery AJAX -viittausoppikirja.
