Bagaimanakah anda menghantar data antara JavaScript dan PHP?

Barbara Streisand
Lepaskan: 2024-11-01 02:06:28
asal
741 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan