Comment puis-je utiliser efficacement jQuery AJAX pour récupérer et afficher des données d'une base de données MySQL, en résolvant les problèmes liés aux fonctions obsolètes et en gérant correctement les réponses ?-tutoriel mysql-php.cn

Comment puis-je utiliser efficacement jQuery AJAX pour récupérer et afficher des données d'une base de données MySQL, en résolvant les problèmes liés aux fonctions obsolètes et en gérant correctement les réponses ?

DDD

Libérer： 2024-12-08 20:30:17

original

1046 Les gens l'ont consulté

How can I effectively use jQuery AJAX to retrieve and display data from a MySQL database, addressing issues with deprecated functions and proper response handling?

Utiliser jQuery AJAX pour afficher des données à partir de MySQL

Lorsque vous travaillez avec des données dans une application Web, il est souvent nécessaire de récupérer des informations à partir d'une base de données . Les frameworks JavaScript comme jQuery fournissent des méthodes pratiques pour exécuter des requêtes Ajax, vous permettant de récupérer des données sans nécessiter une actualisation complète de la page.

Problème

Un utilisateur a fourni des extraits de code ressemblant à ce qui suit mais signale qu'il ne récupère pas les données de leur MySQL base de données :

// list.php
$(document).ready(function() {
  var response = '';
  $.ajax({
    type: "GET",
    url: "Records.php",
    async: false,
    success: function(text) {
      response = text;
    }
  });

  alert(response);
});

// Records.php
<?php
$result = mysql_query("select * from users");
$array = mysql_fetch_row($result);
?>
<table>
<tr>
  <td>Name:</td>
  <td>Address:</td>
</tr>
<?php
while ($row = mysql_fetch_array($result)) {
  echo "<tr>";
  echo "<td>$row[1]</td>";
  echo "<td>$row[2]</td>";
  echo "</tr>";
}
?>
</table>

Copier après la connexion

Solution

Le code fourni présente plusieurs problèmes :

Il s'appuie sur des fonctions MySQL obsolètes (mysql_connect, mysql_select_db , mysql_query, etc.) qui ont été obsolètes et supprimés dans les versions ultérieures de PHP.
La requête Ajax ne dispose pas d'une configuration appropriée pour gérer efficacement les données de réponse.

Voici une version mise à jour du code qui résout ces problèmes :

// list.php
<html>
<head>
  <script src="jquery-1.3.2.js"></script>

  <script>
  $(document).ready(function() {
    $("#display").click(function() {

      $.ajax({
        type: "GET",
        url: "display.php",
        dataType: "html",
        success: function(response) {
          $("#responsecontainer").html(response);
        }
      });
    });
  });
  </script>
</head>

<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
  <tr>
    <td><input type="button">

Copier après la connexion

Remarques supplémentaires :

Cette solution utilise jQuery 1.3.2 à titre d'exemple, mais vous pouvez le mettre à jour vers une version plus récente.
"samples" est un nom de base de données d'espace réservé ; remplacez-le par le nom réel de votre base de données.
La table des étudiants devrait avoir les champs suivants : roll_no (int), nom (chaîne), adresse (chaîne), flux (chaîne), statut (chaîne).

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!