Javascript와 PHP 간 데이터 전달

웹 애플리케이션에서는 클라이언트측 Javascript 코드와 PHP 사이에서 데이터를 교환해야 하는 경우가 종종 있습니다. 서버 측 PHP 스크립트. 이 문서에서는 이 통신 채널을 설정하고 양방향으로 데이터를 전달하는 방법을 보여줍니다.

Javascript에서 PHP로 데이터 전달

Javascript에서 PHP로 데이터를 보내려면 다음을 수행하세요. PHP 스크립트에 HTTP 요청을 합니다. 이를 수행하는 한 가지 방법은 XMLHttpRequest 객체를 사용하는 것입니다:

// 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에서 Javascript로 데이터 전달

PHP에서 Javascript로 데이터를 보내려면 다음 echo 문을 사용할 수 있습니다.

// 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()를 사용하여 응답을 처리할 수 있습니다.