Ang pangunahing problema sa paggamit ng jquery ajax sa CORS ay ang kahilingan ng Ajax ay gagawin mula sa parehong domain bilang pahina kung saan inilalagay ang jquery ajax na tawag. Nangangahulugan ito na kung ang pahina kung saan inilalagay ang jquery ajax na tawag ay may sarili nitong patakaran sa CORS, kung gayon ang kahilingan ng Ajax ay hindi papayagang tumawid sa mga hangganan ng domain.
$.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); } });
Ang code na ito ay gumagamit ng jQuery ajax function upang gumawa ng GET na kahilingan sa url na 'http://example.com/api/v1/users'. Ang dataType ay nakatakda sa json, na nagsasabi sa jQuery na i-parse ang tugon bilang json. Ang mga xhrFields at mga opsyon sa header ay ginagamit upang itakda ang withCredentials na flag sa XMLHttpRequest object at itakda ang Authorization header, ayon sa pagkakabanggit. Panghuli, ang success function ay tinatawag kung ang kahilingan ay magtagumpay, at ito ay nagpi-print ng tugon sa console.
Mga Pag-redirect
Ang redirect ay isang espesyal na uri ng link na nagsasabi sa browser na dalhin ang user sa ibang page o lokasyon. Maaaring gumawa ng redirect gamit ang function na $.redirect().
Upang lumikha ng isang simpleng pag-redirect, gamitin ang sumusunod na code:
$(dokumento).ready(function() { $.redirect(“http://www.example.com/”); });
Ang code na ito ay lilikha ng redirect sa http://www.example.com/. Maaari mo ring gamitin ang function na $.redirect() upang lumikha ng mga permanenteng o pansamantalang pag-redirect. Upang lumikha ng pansamantalang pag-redirect, gamitin ang sumusunod na code:
$(dokumento).ready(function() { $.redirect(“http://www.example2.com/”, true); });
Ang code na ito ay lilikha ng pansamantalang pag-redirect na mag-e-expire pagkatapos ng 5 segundo. Upang lumikha ng permanenteng pag-redirect, gamitin ang sumusunod na code:
$(dokumento).ready(function() { $.redirect(“http://www.example3.com/”, true); });
I-redirect ang mga Web Page
Mayroong ilang mga paraan upang i-redirect ang mga web page sa jQuery. Ang isang paraan ay ang paggamit ng $.redirect() function. Ang function na ito ay tumatagal ng dalawang argumento: ang URL upang mag-redirect at isang callback function na tatawagin kapag ang pag-redirect ay kumpleto na. Maaaring magbalik ng false ang callback function upang isaad na hindi dapat mangyari ang pag-redirect, o maaari itong magbalik ng bagong URL na dapat gamitin sa halip na ang orihinal na URL.
Ang isa pang paraan upang i-redirect ang mga web page sa jQuery ay ang paggamit ng function na $.ajax(). Ang function na ito ay tumatagal ng dalawang argumento: ang url ng page na gusto mong i-redirect at isang opsyon na object na naglalaman ng iba't ibang setting tungkol sa kung paano dapat gawin ang kahilingan. Ang object object ay may kasamang uri ng property, na maaaring itakda sa alinman sa "GET" o "POST". Kung nakatakda ang uri sa "GET", ang kahilingan ay gagawin gamit ang mga parameter ng GET, habang kung nakatakda ang uri sa "POST", ang kahilingan ay gagawin gamit ang mga parameter ng POST.
Pareho sa mga pamamaraang ito ay nagbibigay-daan sa iyo na tukuyin kung aling mga bahagi ng pahina ang gusto mong i-redirect, gayundin kung aling function ng callback ang dapat tawagan kapag kumpleto na ang pag-redirect.
