Ajax - Nedir? Asenkron JavaScript ve XML: avantajları ve dezavantajları

Şimdi popülerlik yeni teknolojilerin kullanımını ve uygulanmasını kazanıyor internet üzerinden izleyebilirsiniz. Bunlardan biri - AJAX olduğunu. Bu nedir? Ne özellikleri var? Nereye başvurulur? Tüm bu sorular bu makalede cevap buldu edilecektir.

genel bilgiler

Nasıl AJAX duruyor? Ne anlama geliyor? Bu azalma bir kısaltmadır. Bu Asynchronous JavaScript ve XML ( "Asynchronous JavaScript ve IKSML") anlamına gelir. Genellikle bakın veya bu yeni teknolojinin bu bilgileri duyabiliyorum. Ama bu doğru değildir. JavaScript ve XML, "Ajax", oysa zaten oldukça uzun bir zaman var olması bu teknolojilerin bir sentezidir. Çoğu zaman bu terim Web 2.0 ile birlikte kullanılır ve gelişmiş tasarım tekniklerinin kullanılması olarak anlaşılmaktadır.

Ya özellik?

Yani, zaten AJAX nedir genel bir fikir var. uygulamada bize verdiği Ne? Neden uygulaması hakkında konuşmak aktif ediliyor? Bu teknolojinin özelliği - Kullanmak zaman ilk talebinde tüm sayfayı yenilemeniz gerekebilir kalmamasıdır. Sonuçta, sadece bir kısmı için yeni verileri talep edebilir. (Sahip daha az zaman beklemek çünkü) ve (sınırsız internet olmayanlar için) maliyet Bu uygundur. Ancak, sunucudan yeni veriler hakkında bilgilendirmek, en azından bir yük göstergesi veya kısa mesaj kullanmak arzu ne yükseltme oluyor hakkında kullanıcıya bilgi vermek. eksileri teknoloji genellikle eski ve metin tarayıcıları desteklememektedir gerçeğine atıfta gibi. Ve JavaScript teknolojisini devre dışı yeteneği çok ve zevk daha kullanıcı altındadır. Bu nedenle, AJAX suistimal etmemelidirler. bilgi sağlama alternatif yöntemler vermemeyi eğer bu, verebilir? En iyi durumda, bilgi sadece sitede gösterilmeyecektir. En kötü - görünümü kullanıcı artık dönmek zorunda olduğu için, etkilenen olduğunu.

"Ajax" Avantajları

Bu teknoloji, bir web sayfası gerçekleştirilebilir hangi iki yöntem sunar. İlk yeniden başlatmadan değişiklikler yapılması gerekir. Bu sunucuya dinamik istekleri ile gerçekleştirilebilir. İkinci XMLHttpRequest en popüler olan belirli teknolojiler, kullanımını içerir. Nispeten özgü avantajları, "Ajax" şunları söyleyebiliriz:

1. Sen arayüzü insan etkileşimi ve web sitesi kolaylaştırmak sonuçla, kullanıcı için güzel özellikleri bir tam sayı olacak uygun bir web tabanlı bir uygulama oluşturabilirsiniz.
2. Bunun yerine tam sayfa kısmi yeniden yükleyin. Bu kaynak tasarrufu ve makine performansını optimize eder.
3. Sitenin sunucu kısmı aktif olan kullanıcı ile etkileşime girer.
4. birçok fikrin uygulanması için kullanışlıdır.

iletişim

Burada, örneğin, müşterilere tavsiyelerde kullanılabilecek bir geribildirim formunu, gerekir. Nasıl yapılabilir? Öncelikle bilginin "taşıyıcı" bakmak gerekir. Bunu yapmak için, bir XMLHttpRequest nesnesi oluşturmak gerekir. O sunucu ve kullanıcının tarayıcısı arasında bir aracı işlevi görür. Bu nesne ile yollayacak ve bu problemlere cevap alırsınız. doğrudan veri alışverişi için, AJAX PHP gerekir. Bu araçlar gelmelerini veya POST-sorguları kullanarak uygulanabilir. Bu durumda, gerekli argümanlar URL üzerinden doğrudan geçilecek. Aynı zamanda işlevini çalıştırın ve veri aktarımı kesintiye uğramaz sağlamaktan edecektir. Ama nasıl AJAX isteği uygulamak? POST kullanarak önerilir. Onun sayesinde sen, dahası, çok daha zor erişim verilere, sınırsız miktarda aktarabilirsiniz.

Çalışma prensibi

Nasıl pratikte Asenkron JavaScript ve XML nelerdir? bir örnekle bu anlayalım. istemci kısmı güvenli veri alışverişi için gerekli tüm işlevleri sağlar emin olmak gerekir yapısına göre inşa edilmiş. Bu bilgiler seçilen yollar iletilmesi için gerekli yöntemler sağlamalıdır. Sunucu kısmı zaten bunlara dayalı verileri ve, işlenmesi daha sonra müşteriye aktarmak yeni bilgiler üretmek için emin olmalıdır. etkileşimin en yaygın tipi veritabanı ile çalışmaktır. Daha önce bahsettiğimiz Biz geribildirim biçimi olarak birçok iş sitelerin bir elementtir. Bu durumda "Ajax" avantajı asenkron veri aktarımı tutan olmasıdır. Bilgiler gönderildiğinde Başka bir deyişle, kullanıcı kendisine gerekli tüm eylemleri gerçekleştirebilir. her vakanın özellikleriyle odaklandığınızda, bu süreç sitenin ziyaretçi bilgilendirmek istiyorum karar vermelidir. Aynı geribildirim formuna Bağıl bu durumda biz veya benzer bir şey "operatör cevap çevirir" yazabilirsiniz söyledi edilmelidir.

sunucu yanıtı

O çünkü teknolojinin adının düşünebilir gibi yalnızca XML için değil gelebilir. Buna ek olarak, düz metin veya JSON olarak iletilebilir. İlk durumda bilgi sayfada hemen görüntülenebilir. XML kullanarak varsa, düzgün müşteri tarayıcısında işleme tabi tutulduğu anlamına AJAX dosyanın bakmak gerekir. Bu durumda tüm veriler (X) HTML dönüştürülür. kullanırken JSON biçimini, tam nesne JavaScript almak için kod gerçekleştirmek gerekir. Dikkatli olmak ve dikkate birçok hacker bu teknolojinin yardımıyla zararlı kod iletmek ister gerçeğini almak gereklidir. Onlar işlenmeden önce, veri doğrulama işleminin temin etmek için gereklidir. Farklı tarayıcılar için gerçekleşme Özellikleri biraz farklı olabilir, ancak genel olarak, burada eylem bir düzenidir.

Biz sunucu ve bir yanıt işleme talepte

aşağıdaki gibi işlemlerden tüm dizisidir:

1. Başlangıçta, oluşturmak ve XMLHttpRequest orada olduğundan emin olmak gerekir.
2. Ardından sunucu bağlantıyı başlatır.
3. buna istek gönder.
4. Veri gelmesini bekleyin ve bunları işlemek.

Bu nesnenin oluşturulmasına ilişkin bazı özelliklerle ilgili söylemeliyim. O sadece programlama dili çerçevesinde mümkün olan herhangi bir yerde başlatılabilir. O zaman içinde herhangi bir noktada küresel durumunu verildi Ama eğer sadece bir istek ile çalışmak mümkün olabilmesi için. Bu noktada, çok dikkat etmeleri gerekiyor. tedavi ile ilgili olarak - burada seçilen enstrüman odaklanır. Yani, XML veri DOM-fonksiyonları işlenir ve kullanıcıya sunmak üzere eğer HTML sonuçta vardır. JSON puan ile Ve ne yapmalı? O nesne notasyonu JavaScript olduğu anlaşılmalıdır. Ne anlama geliyor? Due JSON bir nesne bir dize olarak temsil edilebilir. Ama bu yöntem tam güvenli olmadığını unutulmamalıdır ve birçok faktör dikkate alınması gerekir. Ama, genel olarak, bu çok kolaydır.

Sunucu tarafı programlama dilleri

Hemen hemen herhangi bir web tabanlı uygulama öyle ya da bunları kullanmaktadır. veri iletimi için en popüler PHP'dir. genellikle siteler için dosyaları yazma günü, nerede kritik veri aktarım hızı ve onu ve güvenilirlik arasında tercih denge değildir. XMLHttpRequest iletim teknikleri yukarıda anlatıldığı gibidir.

yapılandırma sunucusu

Hangi programlar tamamen AJAX çalışabilmesi için gereklidir? Bu bize verir? Onlar ne için? Bu sorulara cevap almak için aşağıdaki listede tanımanız gerekir:

1. HTML / XHTML. Bunlar sayfa düzenini tanımaya sunucu için gereklidir.
2. CSS. Bu araç sayfa tasarımının görsel seçimi için gereklidir.
3. DOM. Bu kullanıcı tarafından harekete yanıt olarak bir sayfada dinamik değişiklikleri sağlamak için gereklidir.
4. XML. istemci ve sunucu arasında veri aktarımı için gereklidir.
5. JavaScript. Bir imleç "Ajax" oluşturmak ve etkileşim sağlamak gerekir.
6. XMLHttpRequest. Nesne geçtiği sorguları sunucuya iletilir.

siteyi kullanmanız

Şimdi biz teorik bilgi ve nasıl AJAX hakkında fikir ikisi de var. veri gönderme sadece belli bir pratik gerektirir şimdi. bize "Ajax" kullanılarak görevin uygulanmasını nasıl yaklaşılması, genel olarak bakalım. Yani, bir sürücü veritabanı oluşturmak gerekiyor. Ve onlar çalıştırılabilir cihazları farklı olacaktır. Yukarıda veritabanı çok büyük olduğunu belirtmek gerekir, bu yüzden sadece müşteriye göndermek ve mantıklı değil JavaScript kullanarak bir seçim yapmak için sunduğu. Nedeniyle tek parametreye de bir web sayfası yeniden yüklenir sahibi olmak arzu edilir. sunucuda istekler özel PHP işleyecektir. veritabanı XML dosyası olarak uygulanır.

veritabanına Hakkında

Onun yapısı çalışmak gereklidir. Ya nesnelerdir geçirilen parametreler olur? Böyle bir durumda işlevinden çağrı olaya hiçbir bağlantı orada olacak bir değişken, oluşturulmasını sağlaması gereklidir. küresel bir kod yapmak için gerekli olan her yerden erişmek için edebilmek. Kolaylık sağlamak için, bir kullanımı arzu edilir veritabanı yönetim sistemi. Tabii ki bu gerekli değildir. Ama yine de veritabanı kullanımı verileri ile daha rahat ve etkili çalışmasını sağlamak.

Biz motorun çalışması üzerinde çalışıyoruz

Nasıl her şey olur ki? Yani, özel bir işlev neden olacaktır belirli bir olay, orada geliyor. O gönderilecek bir GET veya POST-verileri hazırlayacaktır. Daha sonra sunucu script URL'ye bir itiraz yapacaktır işlevini çağırır. XMLHttpRequest nesne oluşturulmasını öngörmektedir gereklidir. bunun için bir referans bir değişkende saklanmalıdır. veri sunucusuna gönderildikten sonra, ona bir yanıt beklemelidir. Bunu yapmak için, bilgi edinme "telekulak" açabilirsiniz (biliniyorsa zaman gelip olurdu) veya daima verileri kabul etmeye hazır olacak bir işlevi sağlamak. İlk uygulama, bir olağanüstü durumda daha az güvenilirdir. İkinci gerçekleşme - kaynaklar açısından daha pahalıya mal. o bir değişkene göre sadece yapılırsa rağmen, hızlı interneti etkilemez. Ama eğer orada yüzlerce, binlerce vardır ve bunlar yüksek bir çözünürlüğe sahip olacak, - o zaman başka bir konu olacaktır. Mevcut kaynaklar ve etkinliğinin kullanımı arasında bir denge aramaya gerekmektedir. Sonuçta, 16 GB bellek tüm anlaşılmalıdır. Bu sunucu şu anda mevcut değildir önceki verileri veya bilgileri ikame bundan sonra belli bir bekleme süresini ayarlayabilirsiniz.

Özellikler

Sayfanın veya uygulamanın arayüzü tarafından oluşturulan "Ajax" kullanırken, sonuç farklı işletim sistemlerinde de çalıştığından emin ve farklı tarayıcılarda yapmak gerekir. İlk durumda paha biçilmez yardım emülatörlerini sağlamak mümkün olacaktır. İkinci durumda, çeşitli programlarla yüklemeye yeterli olacak ve kod işlevselliğini test. kullanıcının tarayıcı güncel kullanılacaktır ya da gerekli ayarları kapanacaktır durumda O, aynı zamanda belirli eylemler için temin etmek gereklidir ve. Bu gibi durumlarda, bakım bu durumda görüntüleme sitesi mümkün değildir nedenini belirten sayfadaki metnin geri çekilmesi için alınmalıdır. Evet, modern teknolojiyi kullanarak insanların artık büyük çoğunluğu ama tamamen olasılık ve ziyaretçilerin birkaç yüzde bazı eski yazılım kullanmak gerçeğine dikkat gitmesine izin vermeyin. Ve iş ölçekte bunun önemli sonuçları olabilir.

Sonuç

Yani bu makalenin mantıksal sona erer. Biz bütün "Ajax" konuşursak, bu araç bir zevk hızlı ve yetkin düzeni ile çalışmak çok cazip ve zengin özellikli web siteleri oluşturmak kullanıcılarına yayınlamasını sağlar. Orada gelecekte daha ileri teknolojiler olacak, ama şimdilik elimizde olanı kullanacağı hiç şüphe yoktur. programlama dilleri ve teknikleri geliştirme oldukça mümkündür ve bu satışa sunulacak bir seçenek olduğu için, yöntemler daha da yüksek kaliteli ürün oluşturmak olacaktır. Ama, gerekli iş şimdi olmasıdır Öyle olsa bile olacak. Ve bu isim - "Ajax".