在Javascript 和PHP 之間傳遞資料

在Javascript 和PHP 之間傳遞資料

在Web 應用程式中，經常需要在客戶端Javascript 程式碼和PHP 之間交換資料伺服器端PHP 腳本。本文示範如何建立此通訊通道並雙向傳遞資料。

將資料從 Javascript 傳遞到 PHP

// Data to be sent to PHP script
const data = {tohex: 4919, sum: [1, 3, 5]};

// Create an XMLHttpRequest object
const httpc = new XMLHttpRequest();

// Open a POST request to the PHP script
httpc.open("POST", "server.php", true);

// Set the request header to specify the content type
httpc.setRequestHeader("Content-Type", "application/json");

// Send the data to the PHP script
httpc.send(JSON.stringify(data));

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

// 要傳送到 PHP 腳本的數據 常數資料 = {tohex: 4919, sum: [1, 3, 5]}; // 建立一個 XMLHttpRequest 物件 const httpc = new XMLHttpRequest(); // 開啟對 PHP 腳本的 POST 請求 httpc.open("POST", "server.php", true); // 設定請求頭來指定內容類型 httpc.setRequestHeader("Content-Type", "application/json"); // 將資料傳送到 PHP 腳本 httpc.send(JSON.stringify(data)); // 處理來自 PHP 腳本的回應 httpc.onreadystatechange = 函數() { if (httpc.readyState === 4 && httpc.status === 200) { console.log(httpc.responseText); } };

將資料從PHP 傳遞到Javascript

// Retrieve data from the HTTP request body
$data = json_decode(file_get_contents("php://input"));

// Calculate the hex value and sum
$tohex = base_convert($data->tohex, 10, 16);
$sum = array_sum($data->sum);

// Echo the results
echo json_encode([$tohex, $sum]);

然後 Javascript 腳本可以使用 JSON.parse().