PHP dan Ajax: Terokai ciri lanjutan Ajax

PHP berintegrasi dengan Ajax untuk membuat permintaan Ajax dan berkomunikasi dengan pelayan secara tidak segerak menggunakan objek XMLHttpRequest. Memproses skrip PHP, melaksanakan operasi dan membalas respons. Menghuraikan respons dan mengemas kini halaman web menggunakan JavaScript. Kes praktikal: skrip PHP bahagian pelayan pemesejan masa nyata: terima mesej, simpan ke pangkalan data dan kembalikan respons yang berjaya. Kod JavaScript sisi pelanggan: cetuskan permintaan Ajax, dengar jawapan dan kemas kini rekod sembang. HTML Halaman: Mengandungi medan input, butang hantar dan tetingkap sejarah sembang.

PHP dan Ajax: Terokai ciri lanjutan Ajax

Pengenalan
Ajax (JavaScript tak segerak dan XML) ialah teknologi revolusioner yang membolehkan aplikasi web dijalankan tanpa memuatkan semula . PHP ialah bahasa pengaturcaraan sebelah pelayan yang popular untuk pembangunan web yang berfungsi dengan lancar dengan Ajax. Artikel ini akan meneroka integrasi PHP dan Ajax dan menyediakan kes praktikal untuk menggambarkan kuasanya.

Melaksanakan komunikasi PHP dan Ajax
Melaksanakan komunikasi Ajax dalam PHP melibatkan langkah-langkah berikut:

1. Mencipta permintaan Ajax: Gunakan objek XMLHttpRequest untuk menghantar permintaan HTTP tak segerak.
2. Mengendalikan skrip PHP: Gunakan skrip PHP untuk mengendalikan permintaan, melaksanakan operasi yang diperlukan dan membalas respons.
3. Menghuraikan respons: Kod JavaScript bahagian hadapan menghuraikan respons daripada skrip PHP dan menggunakannya untuk mengemas kini halaman web.

Pemesejan Masa Nyata
Mari kita cipta aplikasi pemesejan masa nyata untuk menunjukkan penyepaduan PHP dan Ajax.

Skrip PHP sisi pelayan (message.php)

<?php
// 获取消息
$message = $_POST['message'];

// 将消息保存在数据库中
$conn = new mysqli('localhost', 'user', 'password', 'database');
$sql = "INSERT INTO messages (message) VALUES ('$message')";
$conn->query($sql);

// 返回成功响应
echo 'Message sent successfully!';
?>

Kod JavaScript sisi pelanggan (app.js)

function sendMessage() {
  // 触发 Ajax 请求
  let message = document.getElementById('message-input').value;
  let xhr = new XMLHttpRequest();
  xhr.open('POST', 'message.php', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('message=' + message);

  // 监听响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      // 更新聊天记录
      let response = xhr.responseText;
      let chatLog = document.getElementById('chat-log');
      chatLog.innerHTML += '<p>' + message + '</p>';
    }
  }
}

Halaman halaman (index.html)

un

<input id="message-input" type="text" placeholder="Enter message">
<button onclick="sendMessage()">Send</button>

<div id="chat-log"></div>

aplikasiRreee

Simpan skrip PHP (message.php) ke direktori akar dokumen pelayan web.
1. Pautkan halaman HTML (index.html) dan kod JavaScript (app.js) ke halaman HTML.
2. Buka index.html dalam penyemak imbas anda.

Anda kini boleh menaip dan menghantar mesej tanpa memuatkan semula halaman. Mesej yang dihantar akan muncul serta-merta dalam sejarah sembang.

Tamat Penyepaduan PHP dengan Ajax menyediakan cara yang berkuasa dan cekap untuk mencipta aplikasi web interaktif. Dengan memanfaatkan teknologi yang dibincangkan dalam artikel ini, pembangun boleh membina aplikasi dengan kemas kini masa nyata dan pengalaman pengguna yang lancar.

Atas ialah kandungan terperinci PHP dan Ajax: Terokai ciri lanjutan Ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!