Comment obtenir des données de PHP à l'aide de AJAX et de mise à jour la page dynamiquement

Comment obtenir des données de PHP à l'aide de AJAX et de mise à jour la page dynamiquement

L'utilisation de l'AJAX pour obtenir des variables à partir des méthodes PHP est une exigence très courante dans le développement Web. Grâce à AJAX, vous pouvez obtenir les données requises du serveur et les traiter sans rafraîchir la page. Cet article expliquera en détail comment utiliser AJAX pour obtenir des variables à partir des méthodes PHP et fournir des exemples de code spécifiques.

Exemple de code PHP backend

Tout d'abord, nous devons écrire un fichier PHP pour gérer les demandes AJAX et renvoyer les variables requises. Voici le code d'un exemple de fichier PHP (getData.php):

 <?php
// Obtenez les paramètres passés
$param = $_POST['param'];

// Effectuer certaines opérations，Par exemple, l&#39;obtention de données d&#39;une base de données
$result = fetchDataFromDatabase($param);

// Résultat de retour
echo json_encode($result);

// Exemple de fonction pour obtenir des données d&#39;une base de données
function fetchDataFromDatabase($param) {
    // Connectez-vous à la base de données
    $conn = new mysqli('localhost', 'username', 'password', 'database');

    // Exécuter une requête
    $query = "SELECT * FROM table WHERE column = '$param'";
    $result = $conn->query($query);

    // Traiter les résultats de la requête
    $data = array();
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }

    // Fermez la connexion de la base de données
    $conn->close();

    return $data;
}
?>

Exemple de code JavaScript frontal

Ensuite, nous devons écrire du code JavaScript dans la page frontale pour envoyer des demandes AJAX et obtenir des variables dans la méthode PHP. Voici un exemple simple de code:

 // Créer unXMLHttpRequestObjet
var xhr = new XMLHttpRequest();

// installationAjaxMéthode de demande、URLet si asynchrone
xhr.open('POST', 'getData.php', true);

// installationdemander头信息
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

// moniteurAjaxModifications du statut demandé
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // ObtenirPHPDonnées retournées
        var data = JSON.parse(xhr.responseText);

        // 处理Obtenir到的数据
        processData(data);
    }
};

// envoyerAjaxdemander
xhr.send('param=value');

Analyse de code

Dans le code ci-dessus, créez d'abord un objet XMLHTTPRequest et définissez la méthode demandée, URL et s'il est asynchrone. Ensuite, les modifications de l'état de la demande sont écoutées et les données renvoyées sont traitées une fois la demande terminée. Il convient de noter que lors de l'envoi d'une demande AJAX, nous transmettons un paramètre et la valeur du paramètre est envoyée via la méthode XHR.Send ().

Résumer

Grâce à l'exemple de code ci-dessus, les développeurs peuvent facilement implémenter la fonction d'obtention de variables à partir des méthodes PHP via AJAX. La page frontale envoie une demande AJAX au fichier PHP back-end, le fichier php back-end effectue les opérations et renvoie des données correspondantes, et la page frontale traite les données renvoyées, réalisant l'effet de l'obtention de données dynamiques sans rafraîchir la page.