PHP et Ajax : découvrez les fonctionnalités avancées d'Ajax

PHP s'intègre à Ajax pour créer des requêtes Ajax et communiquer avec le serveur de manière asynchrone à l'aide de l'objet XMLHttpRequest. Traitez les scripts PHP, effectuez des opérations et renvoyez des réponses. Analysez la réponse et mettez à jour la page Web à l'aide de JavaScript. Cas pratique : script PHP côté serveur de messagerie temps réel : recevoir le message, l'enregistrer dans la base de données et renvoyer une réponse positive. Code JavaScript côté client : déclenchez des requêtes Ajax, écoutez les réponses et mettez à jour les enregistrements de discussion. Page HTML : contient des champs de saisie, un bouton d'envoi et une fenêtre d'historique de discussion.

PHP avec Ajax : Explorez les fonctionnalités avancées d'Ajax

Introduction
Ajax (JavaScript asynchrone et XML) est une technologie révolutionnaire qui permet aux applications Web de s'exécuter sans recharger la page entière. . PHP est un langage de programmation côté serveur populaire pour le développement Web qui fonctionne parfaitement avec Ajax. Cet article explorera l'intégration de PHP et Ajax et fournira un cas pratique pour illustrer sa puissance.

Implémentation de la communication PHP et Ajax
L'implémentation de la communication Ajax en PHP implique les étapes suivantes :

1. Création d'une requête Ajax : Utilisez l'objet XMLHttpRequest pour envoyer une requête HTTP asynchrone.
2. Gestion des scripts PHP : Utilisez des scripts PHP pour gérer les requêtes, effectuer les opérations nécessaires et renvoyer les réponses.
3. Analyser la réponse : Le code JavaScript frontal analyse la réponse du script PHP et l'utilise pour mettre à jour la page Web.

Messagerie en temps réel
Créons une application de messagerie en temps réel pour démontrer l'intégration de PHP et Ajax.

Script PHP côté serveur (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!';
?>

Code JavaScript côté client (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>';
    }
  }
}

Page HTML (index.html)

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

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

Exécuter l'application

1. Enregistrez le script PHP (message.php) dans le répertoire racine des documents du serveur Web.
2. Liez la page HTML (index.html) et le code JavaScript (app.js) à la page HTML.
3. Ouvrez index.html dans votre navigateur.

Vous pouvez désormais saisir et envoyer des messages sans recharger la page. Les messages envoyés apparaîtront instantanément dans l'historique des discussions.

Fin
L'intégration PHP avec Ajax fournit un moyen puissant et efficace de créer des applications Web interactives. En tirant parti des technologies abordées dans cet article, les développeurs peuvent créer des applications avec des mises à jour en temps réel et une expérience utilisateur transparente.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!