PHP - AJAX Giriş

Carissa · 5 Kas 2024

PHP destekli web uygulamaları genellikle AJAX'ı kullanır, birlikte dinamik ve etkileşimli web uygulamaları oluşturmak için kullanışlıdırlar. AJAX, Asenkron Javascript ve XML anlamına gelir . Tüm sayfayı yeniden yüklemeden web sayfalarının asenkron olarak güncellenmesini sağlar.

AJAX uygulamalarında, bir web tarayıcısı ile sunucu tarafı PHP betiği arasındaki veri alışverişi eşzamansızdır. PHP, dinamik içerik oluşturmak ve verileri işlemek için kullanılabilen bir sunucu tarafı betik dilidir.

AJAX, web uygulaması ve web sunucusu arasında AJAX motoru olarak bilinen ek bir katman oluşturur, bu sayede JavaScript kullanarak arka plan sunucu çağrıları yapabilir ve gerekli verileri alabilir, sayfanın tam olarak yeniden yüklenmesine gerek kalmadan web sayfasının istenen bölümünü güncelleyebiliriz. Sayfa yenileme zamanlamasını azaltır ve kullanıcıya hızlı ve duyarlı bir deneyim sağlar.

AJAX'ı Çalıştırmak İçin Neler Gereklidir?

AJAX tarafından kullanılan teknolojiler halihazırda tüm Morden tarayıcılarında uygulanmıştır. Bu nedenle istemcinin AJAX uygulamasını çalıştırmak için herhangi bir ekstra modüle ihtiyacı yoktur. AJAX tarafından kullanılan teknolojiler şunlardır:

Javascript − AJAX'ın önemli bir parçasıdır. İstemci tarafı işlevselliği oluşturmanıza olanak tanır. Ya da AJAX uygulamaları oluşturmak için kullanıldığını söyleyebiliriz.
XML − Web sunucusu ile istemci arasında veri alışverişi yapmak için kullanılır.
XMLHttpRequest − Bir web tarayıcısı ile bir web sunucusu arasında asenkron veri alışverişi gerçekleştirmek için kullanılır.
HTML ve CSS − Web sayfası metinlerine işaretleme ve stil sağlamak için kullanılır.
DOM − Web sayfasının düzeni ve içeriğiyle dinamik olarak etkileşim kurmak ve bunları değiştirmek için kullanılır.

PHP ile AJAX kullanmak için, PHP sunucusuna istekler göndermek için JavaScript'te XMLHttpRequest nesnesini kullanmanız gerekir. PHP sunucusu daha sonra isteği işler ve genellikle JSON veya XML biçiminde bir yanıt döndürür. JavaScript kodu daha sonra yanıtı ayrıştırabilir ve web sayfasını buna göre güncelleyebilir.

JavaScript'teki XMLHttpRequest nesnesi, geliştiricilerin sayfayı yeniden yüklemeden bir sunucuya HTTP istekleri yapmalarına olanak tanıyan tarayıcı tabanlı bir API'dir. Bu, dinamik ve etkileşimli web uygulamalarına olanak sağlayan AJAX programlamanın temelidir.

XMLHttpRequest nesnesi şu amaçlarla kullanılabilir:

JSON, XML veya HTML gibi verileri bir sunucudan alın.
Form verileri veya dosya yüklemeleri gibi verileri bir sunucuya gönderin.
Bir web sayfasını yeniden yüklemeden güncelleyin.
Sohbet uygulamaları ve diğer etkileşimli özellikler yaratın.

XMLHttpRequest nesnesini kullanmak için öncelikle yeni bir örneğini oluşturmanız gerekir. Ardından, HTTP yöntemini ve istek URL'sini belirtmek için open() yöntemini kullanabilirsiniz. Ardından, gerekirse herhangi bir istek başlığını ayarlayabilirsiniz. Son olarak, isteği send() yöntemini kullanarak gönderebilirsiniz.

Örnek

İşte XMLHttpRequest nesnesinin bir sunucudan veri almak için nasıl kullanılacağına dair basit bir JavaScript kodu:

JavaScript:

// Create a new XMLHttpRequest object
var xhr = new XMLHttpRequest();

// Set the HTTP method and request URL
xhr.open("GET", "test.php");

// Send the request
xhr.send();

// Listen for the onload event to be fired
xhr.onload = function() {

   // Check the status code to ensure the request was successful
   if (xhr.status === 200) {
  
      // Get the response data.
      var users = JSON.parse(xhr.responseText);

      // Do something with the user data.
   } else {   
      // Handle the error
   }
};

Sunucudaki PHP betiği AJAX isteğinden veriyi alır ve cevabı geri gönderir.

// Get the request data.
$name = $_GET["name"];

// Create a response object.
$response = new stdClass();
$response->message = "Hello, $name!";

// Send the response back to the client.
header("Content-Type: application/json");
echo json_encode($response);