Suurin ongelma jquery ajaxin käytössä CORS:n kanssa on, että Ajax-pyyntö tehdään samasta toimialueesta kuin sivu, jolle jquery ajax -kutsu on sijoitettu. Tämä tarkoittaa, että jos sivulla, jolle jquery-ajax-kutsu asetetaan, on oma CORS-käytäntönsä, Ajax-pyyntö ei saa ylittää toimialueen rajoja.
$.ajax({ url: 'http://example.com/api/v1/users', type: 'GET', dataType: 'json', xhrFields: { withCredentials: true }, headers: { 'Authorization':'Basic YWRtaW46YWRtaW4=' }, success: function(response) { console.log(response); } });
Tämä koodi käyttää jQuery ajax-funktiota GET-pyynnön tekemiseen URL-osoitteeseen "http://example.com/api/v1/users". DataType-asetuksena on json, mikä käskee jQueryä jäsentämään vastauksen json-muodossa. XhrFields- ja headers-vaihtoehtoja käytetään määrittämään withCredentials-lippu XMLHttpRequest-objektiin ja määrittämään valtuutusotsikko. Lopuksi onnistumisfunktiota kutsutaan, jos pyyntö onnistuu, ja se tulostaa vastauksen konsoliin.
Ohjaukset
Uudelleenohjaus on erityinen linkki, joka käskee selaimen ohjaamaan käyttäjän toiselle sivulle tai eri paikkaan. Uudelleenohjaus voidaan luoda käyttämällä $.redirect()-funktiota.
Luo yksinkertainen uudelleenohjaus käyttämällä seuraavaa koodia:
$(dokumentti).ready(function() { $.redirect("http://www.esimerkki.fi/"); });
Tämä koodi luo uudelleenohjauksen osoitteeseen http://www.example.com/. Voit myös käyttää $.redirect()-funktiota pysyvien tai väliaikaisten uudelleenohjausten luomiseen. Luo väliaikainen uudelleenohjaus käyttämällä seuraavaa koodia:
$(dokumentti).ready(function() { $.redirect("http://www.esimerkki2.fi/", tosi); });
Tämä koodi luo väliaikaisen uudelleenohjauksen, joka vanhenee 5 sekunnin kuluttua. Luo pysyvä uudelleenohjaus käyttämällä seuraavaa koodia:
$(dokumentti).ready(function() { $.redirect("http://www.esimerkki3.fi/", tosi); });
Ohjaa Web-sivuja
On olemassa muutamia tapoja ohjata verkkosivuja jQueryssa. Yksi tapa on käyttää $.redirect()-funktiota. Tämä funktio käyttää kahta argumenttia: URL-osoite, johon uudelleenohjataan, ja takaisinsoittotoiminto, jota kutsutaan, kun uudelleenohjaus on valmis. Takaisinsoittofunktio voi joko palauttaa epätosi osoittamaan, että uudelleenohjausta ei pitäisi tapahtua, tai se voi palauttaa uuden URL-osoitteen, jota tulee käyttää alkuperäisen URL-osoitteen sijasta.
Toinen tapa uudelleenohjata verkkosivuja jQueryssa on käyttää $.ajax()-funktiota. Tämä funktio käyttää kahta argumenttia: uudelleenohjattavan sivun URL-osoite ja asetukset-objekti, joka sisältää erilaisia pyynnön tekemisen asetuksia. Optio-objekti sisältää tyyppiominaisuuden, joka voidaan asettaa joko "GET" tai "POST". Jos tyyppi on "GET", pyyntö tehdään GET-parametreilla, kun taas jos tyyppi on "POST", pyyntö tehdään POST-parametreilla.
Molempien menetelmien avulla voit määrittää, mitkä sivun osat haluat uudelleenohjata, sekä mikä takaisinsoittotoiminto tulee kutsua, kun uudelleenohjaus on valmis.
