Wie übergibt man Daten zwischen JavaScript und PHP?

Barbara Streisand
Freigeben: 2024-11-01 02:06:28
Original
742 Leute haben es durchsucht

How do you pass data between JavaScript and 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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage