AJAX çünkü yapabilirsin, bir geliştirici hayalidir:
- sayfayı yenilemeden bir web sayfasını güncelleme
- bir sunucudan istek verileri - sayfa yüklendikten sonra
- Bir sunucudan veri alma - sayfa yüklendikten sonra
- Bir sunucuya veri gönderme - Arka planda
Her bölümde Yourself Örnekler Deneyin
Her bölümde, online örnekleri düzenleyebilir ve sonucu görmek için bir düğmeye tıklayın.
AJAX Örneği Açıklaması
HTML Sayfası
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
HTML sayfası, bir içeriyor <div> bölümü ve <button> .
<div> bölümü bir sunucudan bilgileri görüntülemek için kullanılır.
<button> bir işlevini çağırır (if it is clicked) .
işlevi, bir web sunucusundan veri ister ve onu görüntüler:
Fonksiyon loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
Bilmelisiniz neler
Önce sen şu temel bir anlayışa sahip olmalıdır devam:
- HTML
- JavaScript
İlk bu konularda çalışmak isterseniz, bizim öğreticiler bulmak Ana sayfa .
Nedir AJAX ?
AJAX Asynchronous JavaScript ve XML =.
AJAX yanıltıcı adıdır. AJAX uygulamaları veri taşımak için XML kullanabilirsiniz olabilir, ancak düz metin veya JSON metin olarak veri taşımak için aynı derecede yaygındır.
AJAX hızlı ve dinamik web sayfaları oluşturmak için kullanılan bir tekniktir.
AJAX web sayfaları perde arkasında sunucu ile bir miktar veri alışverişi uyumsuz güncellenmesini sağlar. Tüm sayfayı yenilemeden, bir web sayfasının bölümlerini güncellemek için mümkün olduğu anlamına gelir.
Klasik web sayfaları, (which do not use AJAX) içeriği değiştirmek gerekiyorsa sayfanın tamamını yeniden yüklemeniz gerekir.
Google Maps, Gmail, YouTube ve Facebook: AJAX kullanarak uygulama örnekleri.
Nasıl AJAX İşleri
AJAX İnternet Standartları dayanarak edilir
AJAX internet standartlarına dayalıdır ve bir kombinasyonunu kullanır:
- XMLHttpRequest nesnesi (to retrieve data from a web server)
- JavaScript/DOM (to display/use the data)
XMLHttpRequest yanıltıcı adıdır. Sen AJAX kullanmak için XML anlamak gerekmez.
Google Öneri
Google Suggest ile AJAX, Google tarafından 2005 yılında popüler yapıldı.
Google Öneri Google'ın arama kutusuna yazmaya başladığınızda, bir JavaScript bir sunucuya kapalı mektuplar gönderir ve sunucu öneriler listesi döndürür: çok dinamik web arayüzü oluşturmak için AJAX kullanıyor.
AJAX Bugün kullanmaya başlayın
AJAX mevcut standartlara dayanmaktadır. Bu standartlar birkaç yıldır geliştiriciler tarafından kullanılmıştır. Nasıl çalıştığını görmek için bir sonraki bölümleri okuyun!