AJAX Tanıtımı

AJAX, geliştiricilerin hayali, çünkü yapabilirsiniz:

  • Sayfayı yenilemeden web sayfasını güncelleme
  • Sayfa yüklendikten sonra sunucudan veri talep etme
  • Sayfa yüklendikten sonra sunucudan veri alın
  • Arka planda sunucuya veri gönderme

AJAX Örneği

Aşağıdaki düğmeyi tıklayarak Ajax'ın bu metni değiştirmesini sağlayın:

Kişisel Deneyim

AJAX Örneği Açıklaması

HTML Sayfası

<!DOCTYPE html>
<html>
<body>
<div id="demo">
  <h2>AJAX ile Bu Metni Değiştir</h2>
  <button type="button" onclick="loadDoc()">Metni Değiştir</button>
</div>
</body>
</html>

Bu HTML sayfası bir <div> ve bir <button> içerir.

<div> Sunucudan gelen bilgileri göstermek için kullanılır.

<button> Fonksiyonu çağır (tıklanırsa).

Bu fonksiyon web sunucusundan veri alır ve gösterir:

Function 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();
}

AJAX nedir?

AJAX = vaScriptsynchronous synchronousJ vaScriptA ndX

ML.

AJAX bir programlama dili değildir.

  • AJAX yalnızca aşağıdakileri bir araya getirir:
  • Tarayıcı tarafından önceden yüklenmiş XMLHttpRequest nesnesi (web sunucusundan veri almak için)

JavaScript ve HTML DOM (verileri görüntüleme veya kullanma)

Ajax, yanıltıcı bir addır. Ajax uygulaması verileri XML ile iletebilir, ancak verileri temiz metin veya JSON metni olarak iletmek de yaygındır.

Ajax, web sunucusunun arkasındaki Web sunucusu ile veri alışverişinde bulunarak web sayfasını asenkron olarak güncelleyebilir. Bu, web sayfasının bir kısmını güncellemek için tüm sayfanın yeniden yüklenmesini gerektirmeme anlamına gelir.

AJAX
  1. AJAX Nasıl Çalışır
  2. Web sayfasında bir olay meydana gelir (sayfa yüklenmesi, düğme tıklanması)
  3. JavaScript tarafından XMLHttpRequest nesnesi oluşturulur
  4. XMLHttpRequest nesnesi web sunucusuna istek gönderir
  5. Sunucu, bu istek işler
  6. Sunucu, yanıtı web sayfasına gönderir
  7. JavaScript tarafından yanıtı okur