Masalah utama dengan menggunakan jquery ajax dengan CORS ialah permintaan Ajax akan dibuat dari domain yang sama dengan halaman di mana panggilan ajax jquery diletakkan. Ini bermakna bahawa jika halaman di mana panggilan ajax jquery diletakkan mempunyai dasar CORS sendiri, maka permintaan Ajax tidak akan dibenarkan merentasi sempadan 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); } });
Kod ini menggunakan fungsi ajax jQuery untuk membuat permintaan GET ke url 'http://example.com/api/v1/users'. DataType ditetapkan kepada json, yang memberitahu jQuery untuk menghuraikan respons sebagai json. Pilihan xhrFields dan pengepala digunakan untuk menetapkan bendera withCredentials pada objek XMLHttpRequest dan masing-masing menetapkan pengepala Kebenaran. Akhirnya, fungsi kejayaan dipanggil jika permintaan berjaya, dan ia mencetak respons kepada konsol.
Pengalihan
Ubah hala ialah jenis pautan khas yang memberitahu penyemak imbas untuk membawa pengguna ke halaman atau lokasi lain. Ubah hala boleh dibuat menggunakan fungsi $.redirect().
Untuk membuat ubah hala mudah, gunakan kod berikut:
$(document).ready(function() { $.redirect(“http://www.example.com/”); });
Kod ini akan membuat ubah hala ke http://www.example.com/. Anda juga boleh menggunakan fungsi $.redirect() untuk membuat ubah hala kekal atau sementara. Untuk membuat ubah hala sementara, gunakan kod berikut:
$(document).ready(function() { $.redirect("http://www.example2.com/", true); });
Kod ini akan membuat ubah hala sementara yang akan tamat tempoh selepas 5 saat. Untuk membuat ubah hala kekal, gunakan kod berikut:
$(document).ready(function() { $.redirect("http://www.example3.com/", true); });
Ubah hala Halaman Web
Terdapat beberapa cara untuk mengubah hala halaman web dalam jQuery. Satu cara ialah menggunakan fungsi $.redirect(). Fungsi ini memerlukan dua hujah: URL untuk mengubah hala dan fungsi panggil balik yang akan dipanggil apabila ubah hala selesai. Fungsi panggil balik boleh sama ada mengembalikan palsu untuk menunjukkan bahawa ubah hala tidak sepatutnya berlaku, atau ia boleh mengembalikan URL baharu yang harus digunakan dan bukannya URL asal.
Satu lagi cara untuk mengubah hala halaman web dalam jQuery ialah menggunakan fungsi $.ajax(). Fungsi ini mengambil dua hujah: url halaman yang anda mahu ubah hala dan objek pilihan yang mengandungi pelbagai tetapan tentang cara permintaan itu perlu dibuat. Objek pilihan termasuk sifat jenis, yang boleh ditetapkan kepada sama ada "GET" atau "POST". Jika jenis ditetapkan kepada "GET", maka permintaan akan dibuat menggunakan parameter GET, manakala jika jenis ditetapkan kepada "POST", maka permintaan akan dibuat menggunakan parameter POST.
Kedua-dua kaedah ini membolehkan anda menentukan bahagian halaman yang anda mahu ubah hala, serta fungsi panggil balik yang harus dipanggil apabila ubah hala selesai.
