Wie kann ich jQuery AJAX effektiv nutzen, um Daten aus einer MySQL-Datenbank abzurufen und anzuzeigen und dabei Probleme mit veralteten Funktionen und der richtigen Antwortverarbeitung zu beheben?-MySQL-Tutorial-php.cn

Wie kann ich jQuery AJAX effektiv nutzen, um Daten aus einer MySQL-Datenbank abzurufen und anzuzeigen und dabei Probleme mit veralteten Funktionen und der richtigen Antwortverarbeitung zu beheben?

DDD

Freigeben： 2024-12-08 20:30:17

Original

1009 Leute haben es durchsucht

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?

Verwenden von jQuery AJAX zum Anzeigen von Daten aus MySQL

Beim Arbeiten mit Daten in einer Webanwendung ist es oft notwendig, Informationen aus einer Datenbank abzurufen . JavaScript-Frameworks wie jQuery bieten praktische Methoden zum Ausführen von Ajax-Anfragen, sodass Sie Daten abrufen können, ohne dass eine vollständige Seitenaktualisierung erforderlich ist.

Problem

Ein Benutzer hat Codeausschnitte bereitgestellt, die ähneln Folgendes wird jedoch gemeldet, dass keine Daten von MySQL abgerufen werden Datenbank:

// 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>

Nach dem Login kopieren

Lösung

Der bereitgestellte Code weist mehrere Probleme auf:

Er basiert auf veralteten MySQL-Funktionen (mysql_connect, mysql_select_db , mysql_query usw.), die in späteren Versionen von veraltet und entfernt wurden PHP.
Der Ajax-Anfrage fehlt die richtige Konfiguration, um die Antwortdaten effektiv zu verarbeiten.

Hier ist eine aktualisierte Version des Codes, die diese Probleme behebt:

// 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">

Nach dem Login kopieren

Zusätzliche Hinweise:

Diese Lösung verwendet jQuery 1.3.2 als Beispiel, aber Sie können es auf eine neuere Version aktualisieren.
„samples“ ist ein Platzhalterdatenbankname; Ersetzen Sie es durch Ihren tatsächlichen Datenbanknamen.
Es wird erwartet, dass die Schülertabelle die folgenden Felder enthält: roll_no (int), Name (String), Adresse (String), Stream (String), Status (String).

Das obige ist der detaillierte Inhalt vonWie kann ich jQuery AJAX effektiv nutzen, um Daten aus einer MySQL-Datenbank abzurufen und anzuzeigen und dabei Probleme mit veralteten Funktionen und der richtigen Antwortverarbeitung zu beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!