AJAX Tanıtımı
AJAX bir geliştiricinin hayalidir, çünkü şunları yapabilirsiniz:
- Sayfayı yeniden yüklemeden bir web sayfasını güncelleyin
- Bir sunucudan veri iste - sayfa yüklendikten sonra
- Bir sunucudan veri alın - sayfa yüklendikten sonra
- Bir sunucuya veri gönder - arka planda
Her Bölümde Kendiniz Deneyin Örnekler
Her bölümde, örnekleri çevrimiçi olarak düzenleyebilir ve sonucu görüntülemek için bir düğmeye tıklayabilirsiniz.
AJAX Örneği
Let AJAX change this text
AJAX Örnek 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 <div> bölümü ve bir <button> içerir.
<div> bölümü, bir sunucudan gelen bilgileri görüntülemek için kullanılır.
<button> bir işlevi çağırır (eğer tıklanırsa).
İşlev, bir web sunucusundan veri ister ve şunu görüntüler:
İşlev 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();
}
Yukarıdaki örnekte kullanılan "ajax_info.txt" dosyası basit bir metin dosyasıdır ve şöyle görünür:
<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a
technique for accessing web servers from a web page.</p>
<p>AJAX stands for
Asynchronous JavaScript And XML.</p>
AJAX nedir?
AJAX = Eşzamanlı bir JavaScript ve X ML .
AJAX bir programlama dili değildir.
AJAX sadece aşağıdakilerin bir kombinasyonunu kullanır:
- Bir tarayıcı yerleşik XMLHttpRequest nesnesi (bir web sunucusundan veri istemek için)
- JavaScript ve HTML DOM (verileri görüntülemek veya kullanmak için)
AJAX yanıltıcı bir isimdir. AJAX uygulamaları, verileri taşımak için XML kullanabilir, ancak verileri düz metin veya JSON metni olarak taşımak da eşit derecede yaygındır.
AJAX, perde arkasında bir web sunucusuyla veri alışverişi yaparak web sayfalarının eşzamansız olarak güncellenmesine olanak tanır. Bu, tüm sayfayı yeniden yüklemeden bir web sayfasının bölümlerini güncellemenin mümkün olduğu anlamına gelir.
AJAX Nasıl Çalışır?
- 1. Bir web sayfasında bir olay meydana gelir (sayfa yüklenir, bir düğmeye tıklanır)
- 2. JavaScript tarafından bir XMLHttpRequest nesnesi oluşturulur
- 3. XMLHttpRequest nesnesi bir web sunucusuna bir istek gönderir
- 4. Sunucu isteği işler
- 5. Sunucu, web sayfasına bir yanıt gönderir
- 6. Yanıt JavaScript tarafından okunur
- 7. Uygun eylem (sayfa güncelleme gibi) JavaScript tarafından gerçekleştirilir