Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Bagaimanakah anda menghantar data antara JavaScript dan PHP?

Bagaimanakah anda menghantar data antara JavaScript dan PHP?

Barbara Streisand
Barbara Streisandasal
2024-11-01 02:06:28692semak imbas

How do you pass data between JavaScript and PHP?

Melalui Data Antara Javascript dan PHP

Dalam pembangunan web, selalunya perlu untuk memindahkan data antara klien (Javascript) dan pelayan ( PHP). Begini cara anda boleh mencapai komunikasi dua hala ini:

Dari Javascript kepada PHP

Untuk menghantar data daripada skrip Javascript ke halaman PHP, anda boleh menggunakan HTTP permintaan. Ini boleh dicapai dengan objek XMLHttpRequest, seperti yang dilihat dalam contoh berikut:

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

Dari PHP ke Javascript

Menyalurkan data daripada skrip PHP kembali ke Skrip Javascript memerlukan menjana respons yang boleh dikendalikan oleh Javascript. Respons ini boleh dalam pelbagai format, seperti JSON atau teks biasa. Berikut ialah contoh menjana respons JSON:

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

Contoh Penggunaan

Contoh skrip Javascript yang membuat permintaan kepada skrip PHP dan menerima respons akan kelihatan seperti ini:

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

Dengan menggabungkan teknik ini, anda boleh menghantar data dengan berkesan antara Javascript dan PHP, memudahkan interaksi dinamik antara klien dan pelayan.

Atas ialah kandungan terperinci Bagaimanakah anda menghantar data antara JavaScript dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn