AJAX nasıl çalışır?

SORU

2 EKİM 2009, Cuma

AJAX nasıl çalışır?

AJAX özü nedir? Örneğin, sayfa bir kullanıcı bu bağlantıyı tıkladığında, bazı bilgiler Geçerli sayfayı yeniden olmadan benim sunucuya gönderilen bu tür bir bağlantı yapmak istiyorum. Bu AJAX?

İsoframes kullanarak bu davranışı bulabildim. Daha fazla bilgi için bir bağlantı (hadi küçük bir görüntü demek) küçük bir isoframe koydum. Kullanıcı bu linke tıkladığında browser o isoframe sadece sayfayı yeniden yükler.

Ancak, hedefe ulaşmak için şık bir yol olmadığını düşünüyorum. AJAX kullanmak zorundayım sanırım. Nasıl çalışır? XHTML kullanımı zarif bir şekilde kabul sorunu çözebilir mi? Veya JavaScript kullanmam gerekiyor?

Çok ihtiyacım yok. Ben sadece bazı bilgileri sunucuya gönderilmiş olan küçük bir bağlantısı var. İzin "yıldız resim" mesajı yakın. bir ben var ki Kullanıcı tıklarsanız (mesaj sevdiği) yıldız rengini değiştirir ve benim server veritabanı (kullanıcı mesaj sevdiğini hatırlamak için) Güncelleştirme.

CEVAP

2 EKİM 2009, Cuma

Eğer AJAX Asenkron Javascript Ve XML anlamına gelen () için tamamen yeni iseniz, wikipedia AJAX Giriş iyi bir başlangıç noktasıdır:

DHTML ve LAMBA gibi, AJAX kendi başına bir teknoloji, ama teknoloji bir grup değil. AJAX bir arada kullanır:

HTML ve CSS işaretleme için ve stil bilgileri.
DOM JavaScript ile yazılmış için dinamik görüntü ve etkileşim bilgi sundu.
Bir yöntem veri alışverişi için zaman uyumsuz olarak tarayıcı ve sunucu, böylece arasında sayfayı yeniden yükler kaçınarak. Bu XMLHttpRequest (XHR) genellikle nesne kullanılan, ama bazen bir İFrame nesnesine veya bir dinamik etiketi eklenir bunun yerine kullanılır.
Veri biçimi tarayıcı için gönderdi. Ortak biçimleri XML dahil, önceden biçimlendirilmiş HTML, düz metin ve Nesne Gösterimi JavaScript (JSON). Bu veri oluşturulamadı dinamik bir çeşit sunucu tarafı betik.

Gördüğünüz gibi, bakış saf teknolojik açıdan, gerçekten yeni bir şey var burada. AJAX parçaların çoğu zaten var 1994 (XMLHttpRequest nesne 1999). Asıl yenilik, bu parçaları kullanmak içinbirlikteGoogle GMail (2004) ve Google Maps (2005) yaptı. Aslında, her iki site ağır AJAX tanıtımına katkıda bulunmuştur.

Bir resim bin kelimeye, istemci ve uzak sunucu arasındaki iletişimi gösteren bir şema aşağıda değer olmasının yanı sıra klasik arasındaki farklar ve AJAX destekli uygulamalar:

alt text

Turuncu kısım için, yapabileceğiniz her şeyi elle (XMLHttpRequest nesne) veya kullanabilirsiniz meşhur JavaScript kütüphaneleri gibi jQuery, Prototype, YUI, vb "AJAXify" istemci tarafı uygulama. Böyle kütüphaneleri JavaScript geliştirme karmaşıklığı gizlemek amacıyla (çapraz tarayıcı uyumluluğu gibi), ama bu basit bir özellik için abartılı olabilir.

Sunucu tarafı, bazı çerçeveler çok yardımcı olabilir (örneğin DWR RAJAX kullanıyorsanız, Java), ama tüm yapmanız gereken temel olarak göstermek için hizmet verir, sadece gerekli bilgiler kısmen güncelleştirme sayfası (başlangıçta olarak XML/XHTML - X AJAX - ama JSON sık tercih edilen bugünlerde).

Bunu Paylaş: