So erhalten Sie Daten von PHP mithilfe der AJAX- und Aktualisierungsseite dynamisch

So erhalten Sie Daten von PHP mithilfe der AJAX- und Aktualisierungsseite dynamisch

Die Verwendung von AJAX, um Variablen aus PHP -Methoden zu erhalten, ist eine sehr häufige Anforderung in der Webentwicklung. Über AJAX können Sie die erforderlichen Daten vom Server abrufen und diese verarbeiten, ohne die Seite zu aktualisieren. In diesem Artikel wird detailliert erläutert, wie AJAX verwendet wird, um Variablen aus PHP -Methoden zu erhalten und spezifische Codebeispiele bereitzustellen.

Backend PHP -Codebeispiel

Zunächst müssen wir eine PHP -Datei schreiben, um AJAX -Anforderungen zu verarbeiten und die erforderlichen Variablen zurückzugeben. Hier ist der Code für eine Beispiel -PHP -Datei (getData.php):

 <?php
// Holen Sie sich die übergebenen Parameter
$param = $_POST['param'];

// Einige Operationen durchführen，Zum Beispiel das Erhalten von Daten aus einer Datenbank
$result = fetchDataFromDatabase($param);

// Rückgabeergebnis
echo json_encode($result);

// Beispiel für die Funktion zum Abholen von Daten aus einer Datenbank
function fetchDataFromDatabase($param) {
    // Stellen Sie eine Verbindung zur Datenbank her
    $conn = new mysqli('localhost', 'username', 'password', 'database');

    // Eine Frage ausführen
    $query = "SELECT * FROM table WHERE column = '$param'";
    $result = $conn->query($query);

    // Prozessabfragenergebnisse
    $data = array();
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }

    // Schließen Sie die Datenbankverbindung
    $conn->close();

    return $data;
}
?>

Beispiel für Front-End-JavaScript-Code

Als nächstes müssen wir JavaScript-Code auf der Front-End-Seite schreiben, um AJAX-Anforderungen zu senden und Variablen in die PHP-Methode zu erhalten. Hier ist ein einfacher Beispielcode:

 // Erstellen aXMLHttpRequestObjekt
var xhr = new XMLHttpRequest();

// aufstellenAjaxAnforderungsmethode、URLund ob asynchron
xhr.open('POST', 'getData.php', true);

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

// MonitorAjaxAngeforderte Statusänderungen
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // ErhaltenPHPDaten zurückgegeben
        var data = JSON.parse(xhr.responseText);

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

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

Code analysieren

Erstellen Sie im obigen Code zunächst ein XMLHTTPREQUEST -Objekt und setzen Sie die angeforderte Methode, URL und ob es asynchron ist. Anschließend werden die Änderungen des Anforderungsstatus angehört, und die zurückgegebenen Daten werden nach Abschluss der Anfrage verarbeitet. Es ist zu beachten, dass wir beim Senden einer AJAX -Anforderung einen Parameter übergeben und der Parameterwert über die xhr.send () -Methode gesendet wird.

Zusammenfassen

Im obigen Code -Beispiel können Entwickler die Funktion zum Erhalten von Variablen aus PHP -Methoden durch AJAX problemlos implementieren. Die Front-End-Seite sendet die AJAX-Anfrage an die Back-End-PHP-Datei, die Back-End-PHP-Datei führt die entsprechenden Vorgänge aus und gibt Daten zurück, und die Front-End-Seite verarbeitet die zurückgegebenen Daten, wobei die Auswirkung dynamischer Daten erreicht wird, ohne die Seite zu aktualisieren.