Maison >développement back-end >tutoriel php >Comment réparer les appels jQuery Ajax qui ne parviennent pas à récupérer les données de MySQL ?

Comment réparer les appels jQuery Ajax qui ne parviennent pas à récupérer les données de MySQL ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-07 21:11:15216parcourir

How to Fix jQuery Ajax Calls Failing to Retrieve Data from MySQL?

Utilisation de jQuery Ajax pour récupérer des données à partir de MySQL

Cet article aborde un problème dans lequel un code Ajax tente de récupérer des enregistrements d'une table MySQL mais échoue. Le code PHP fourni tente de se connecter à MySQL et de récupérer les données de la table "users", mais les méthodes utilisées sont obsolètes.

Solution

Pour résoudre ce problème, le le code doit être mis à jour pour utiliser des méthodes plus modernes et sécurisées pour se connecter à MySQL et récupérer des données. Voici une version révisée :

$con = mysqli_connect("localhost", "root", "", "simple_ajax");
$result = mysqli_query($con, "SELECT * FROM users");

Dans cette version :

  • Nous utilisons la fonction mysqli_connect au lieu de mysql_connect pour la connexion à la base de données.
  • Le nom de la base de données est fourni comme un paramètre supplémentaire à mysqli_connect.
  • Nous utilisons mysqli_query au lieu de mysql_query pour exécuter le requête.

Affichage des données

Pour afficher les données récupérées dans la page HTML, on peut utiliser le code PHP suivant :

echo "<table border='1'>";
echo "<tr><th>Name</th><th>Address</th></tr>";
while ($row = mysqli_fetch_array($result)) {
  echo "<tr><td>$row[1]</td><td>$row[2]</td></tr>";
}
echo "</table>";

Ce code génère un simple tableau HTML avec des colonnes pour le nom et l'adresse, rempli avec les données de MySQL table.

Code Ajax complet

Voici le code Ajax jQuery mis à jour pour afficher les données :

$(document).ready(function() {
  $("#display").click(function() {
    $.ajax({
      type: "GET",
      url: "display.php",
      dataType: "html",
      success: function(response) {
        $("#responsecontainer").html(response);
      }
    });
  });
});

Page d'affichage

La page display.php qui récupère et affiche les données doit utiliser le code mentionné ci-dessus.

Ce code mis à jour devrait vous permettre de récupérer et d'afficher avec succès les données de la table MySQL à l'aide de jQuery Ajax.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn