Ajax, jQuery'yi kullanmanın en büyük nedenlerinde oldukça üst sıralarda yer alıyor. JQuery yalnızca tarayıcılar arası sorunları düzeltmekle kalmaz, sözdiziminin kullanımını ve anlaşılmasını da çok kolaylaştırır.
Bu videoda Ajax'ın ne olduğunu açıklamaya çalışıyoruz. Gönderildiğinde, belirttiğiniz URL'ye (işlem özniteliğiyle belirlendiği şekilde) bir GET veya POST isteği (yöntem özniteliğiyle belirlendiği şekilde) yapan bir form öğesine bakarız. Bu sadece HTML, orada hiç arka uç kodu veya JavaScript olmuyor. Ancak bu gönderim, sayfanın değişmesine, kelimenin tam anlamıyla yeni URL'de yeniden yüklenmesine neden olacak, tıpkı bir bağlantıya tıklamak gibi.
Ajax, sayfayı yeniden yüklemeden bu GET veya POST isteğini arka planda yapmamızı sağlar. Özünde, Ajax'ın tüm noktası budur. Ve çok güçlü. Modern web sitelerinin neden çalıştıklarından ve bu şekilde hissetmelerinden büyük ölçüde sorumludur.
Ajax eskiden Eşzamansız JavaScript ve XML'i "temsil ediyordu", ancak bu günlerde büyük ölçüde göz ardı ediliyor çünkü pek bir şey ifade etmiyor. Ayrıca sermayenin kaldırılması da bu nedenle. Bazen Ajax'ın yerel çekirdek teknolojisi olan XMLHttpRequest'in kısaltması olan "XHR" ifadesini de görebilirsiniz.
GET ve POST arasındaki fark esasen şudur: GET bilgi almak içindir ve verilerin değiştirilmesinden sorumlu olmamalıdır ve POST, özellikle verileri değiştirmek içindir. Bu StackOverflow iş parçacığında bunun hakkında daha fazla bilgi almaktan çekinmeyin.
JQuery'de GET isteği yapmak inanılmaz derecede kolaydır:
$.get( "URL", function(data) ( // do something with data )); ));URL, verileri almayı umduğunuz yerdir. İkinci parametre, Ajax isteği başarılı olduğunda çalışan geri arama işlevidir. Buradaki en önemli parametre, talepten aldığı bilgileri içeren ilk parametre olan veridir.
Ajax istekleri bazen başarısız olabilir. Bu başarısızlığın bir nedeni, tarayıcının kendisi ve güvenlik politikaları olabilir. Tarayıcıların kendileri, içeriğin nereden talep edilebileceğiyle ilgili kurallardır. İstekler, her zaman talebin geldiği aynı alan adına yapılabilir. Ancak dahil olan farklı bir alan varsa, bu farklı alanın buna özellikle izin vermesi gerekecektir.
Tüm bunları enable-cors.org adresinde okuyabilirsiniz. CORS, "Çapraz Kaynak Paylaşımı" anlamına gelir. CORS'nin etkinleştirilmediği ve Ajax isteğinin başarısız olduğu bir örneğe bakıyoruz. Bunu düzeltmenin standart ve kolay bir yolu, sunucunun Apache olduğunu varsayarsak, .htaccess dosyası aracılığıyla CORS'a özel olarak izin veren bir başlık ayarlamaktır:
Header set Access-Control-Allow-Origin "*"Videoda, Ajax isteğini, varsayılan olarak Ajax'ı iyi işleyen CodePen'e taşıyoruz.
Kolay sevimsiz:
CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Pen fBInl'i görün