Wie übergibt man Daten zwischen JavaScript und PHP?

Übergabe von Daten zwischen Javascript und PHP

In der Webentwicklung ist es oft notwendig, Daten zwischen dem Client (Javascript) und dem Server zu übertragen ( PHP). So können Sie diese bidirektionale Kommunikation erreichen:

Von Javascript zu PHP

Um Daten von einem Javascript-Skript an eine PHP-Seite zu übergeben, können Sie HTTP verwenden Anfrage. Dies kann mit dem XMLHttpRequest-Objekt erreicht werden, wie im folgenden Beispiel zu sehen ist:

<code class="javascript">const httpc = new XMLHttpRequest();
const url = "get_data.php";
httpc.open("POST", url, true);

httpc.onreadystatechange = function() {
    if(httpc.readyState == 4 && httpc.status == 200) {
        console.log(httpc.responseText); // process the response from PHP
    }
};

const params = {tohex: 4919, sum: [1, 3, 5]};
httpc.send(JSON.stringify(params)); // send the data as JSON</code>

Von PHP zu Javascript

Übergabe von Daten von einem PHP-Skript zurück an a Für das Javascript-Skript muss eine Antwort generiert werden, die das Javascript verarbeiten kann. Diese Antwort kann in verschiedenen Formaten vorliegen, z. B. JSON oder Nur-Text. Hier ist ein Beispiel für die Generierung einer JSON-Antwort:

<code class="php">$tohex = base_convert(4919, 16);
$sum = array_sum([1, 3, 5]);

$response = ["tohex" => $tohex, "sum" => $sum];
echo json_encode($response); // output the JSON response</code>

Beispielverwendung

Ein Beispiel für ein Javascript-Skript, das eine Anfrage an ein PHP-Skript stellt und die Antwort erhält sehen so aus:

<code class="javascript">async function requestData() {
    const response = await fetch("get_data.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({tohex: 4919, sum: [1, 3, 5]})
    });

    const {tohex, sum} = await response.json(); // parse the JSON response
    console.log(tohex, sum); // use the data returned from PHP
}

requestData();</code>

Durch die Kombination dieser Techniken können Sie Daten effektiv zwischen Javascript und PHP übertragen und so dynamische Interaktionen zwischen Client und Server erleichtern.

Das obige ist der detaillierte Inhalt vonWie übergibt man Daten zwischen JavaScript und PHP?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!