Jquery ajax'ı CORS ile kullanmanın temel sorunu, Ajax isteğinin, jquery ajax çağrısının yapıldığı sayfa ile aynı etki alanından yapılacak olmasıdır. Bu, jquery ajax çağrısının yerleştirildiği sayfanın kendi CORS politikası varsa, Ajax isteğinin etki alanı sınırlarını aşmasına izin verilmeyeceği anlamına gelir.
$.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); } });
Bu kod, 'http://example.com/api/v1/users' url'sine bir GET isteği yapmak için jQuery ajax işlevini kullanır. dataType, jQuery'ye yanıtı json olarak ayrıştırmasını söyleyen json olarak ayarlanmıştır. xhrFields ve headers seçenekleri sırasıyla XMLHttpRequest nesnesinde withCredentials bayrağını ayarlamak ve Authorization başlığını ayarlamak için kullanılır. Son olarak, istek başarılı olursa başarı işlevi çağrılır ve yanıtı konsola yazdırır.
Yönlendirmeler
Yönlendirme, tarayıcıya kullanıcıyı farklı bir sayfaya veya konuma götürmesini söyleyen özel bir bağlantı türüdür. $.redirect() işlevi kullanılarak bir yönlendirme oluşturulabilir.
Basit bir yönlendirme oluşturmak için aşağıdaki kodu kullanın:
$(belge).ready(işlev() { $.redirect(“http://www.example.com/”); });
Bu kod, http://www.example.com/ adresine bir yönlendirme oluşturacaktır. Kalıcı veya geçici yönlendirmeler oluşturmak için $.redirect() işlevini de kullanabilirsiniz. Geçici bir yönlendirme oluşturmak için aşağıdaki kodu kullanın:
$(belge).ready(işlev() { $.redirect(“http://www.example2.com/”, doğru); });
Bu kod, 5 saniye sonra süresi dolacak geçici bir yönlendirme oluşturacaktır. Kalıcı bir yönlendirme oluşturmak için aşağıdaki kodu kullanın:
$(belge).ready(işlev() { $.redirect(“http://www.example3.com/”, doğru); });
Web Sayfalarını Yönlendir
Web sayfalarını jQuery'de yönlendirmenin birkaç yolu vardır. Bunun bir yolu $.redirect() işlevini kullanmaktır. Bu işlev iki bağımsız değişken alır: yönlendirilecek URL ve yönlendirme tamamlandığında çağrılacak bir geri çağırma işlevi. Geri arama işlevi, yönlendirmenin olmaması gerektiğini belirtmek için false döndürebilir veya orijinal URL yerine kullanılması gereken yeni bir URL döndürebilir.
Web sayfalarını jQuery'de yeniden yönlendirmenin başka bir yolu da $.ajax() işlevini kullanmaktır. Bu işlev iki argüman alır: yönlendirmek istediğiniz sayfanın url'si ve isteğin nasıl yapılması gerektiğine dair çeşitli ayarları içeren seçenekler nesnesi. options nesnesi, "GET" veya "POST" olarak ayarlanabilen bir type özelliği içerir. Type “GET” olarak ayarlanırsa istek GET parametreleri kullanılarak, type “POST” olarak ayarlanırsa POST parametreleri kullanılarak istek yapılır.
Bu yöntemlerin her ikisi de sayfanın hangi bölümlerini yeniden yönlendirmek istediğinizi ve yönlendirme tamamlandığında hangi geri arama işlevinin çağrılacağını belirtmenize olanak tanır.
