한국어
한국어
현대 웹 사이트 개발에서 JavaScript와 PHP는 각각 프론트 엔드 상호 작용 및 백엔드 데이터 처리를 담당하는 일반적인 프로그래밍 언어입니다. 동적 웹 페이지 효과를 달성하기 위해 프론트 엔드는 종종 서버 측에 데이터를 보내야하며 PHP는이 데이터를 수신하고 구문 분석 할 책임이 있습니다. 이 기사는 몇 가지 효율적인 값 전송 방법을 소개합니다.
Ajax 기술을 사용하면 페이지 새로 고침없이 JavaScript 데이터를 서버 측 PHP 스크립트로 전송할 수 있습니다. 다음 예제는 ajax를 사용하여 JSON 형식으로 데이터를 보내고 구문 분석하는 방법을 보여줍니다.
// JavaScript 암호：
var data = {name: "John", age: 30};
var xhr = new XMLHttpRequest();
xhr.open("POST", "process.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));
// PHP 암호（process.php）：
$data = json_decode(file_get_contents("php://input"), true);
if ($data) {
echo "Name: " . $data['name'] . ", Age: " . $data['age'];
}위의 코드에서 JavaScript는 JSON 형식의 서버로 데이터를 보내고 PHP는 JSON_DECODE를 사용하여 입력 스트림을 구문 분석하여 데이터 컨텐츠를 얻습니다.
데이터를 전달하는 또 다른 일반적인 방법은 HTML 양식을 통해 제출하는 것입니다. 양식 데이터를 제출 한 후 PHP는 Super Global Variable $ _post를 사용하여 데이터를 얻고 처리 할 수 있습니다. 샘플 코드는 다음과 같습니다.
// HTML 양식 예제：
// 사용자 입력 부품
// PHP 암호（process.php）：
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$username = $_POST['username'];
echo "Hello, " . htmlspecialchars($username);
}사용자가 양식을 통해 데이터를 제출 한 후 PHP는 $ _post를 통해 입력 컨텐츠를 얻고 HTMLSpecialchars를 사용하여 잠재적 보안 위험을 방지합니다.
Ajax를 통해 제출 되든 양식을 통해 제출 되든 JavaScript와 PHP 간의 데이터 전송이 매우 편리합니다. 이 두 가지 방법을 마스터하면 전면과 후면 사이의 원활한 의사 소통을 효과적으로 실현하고 웹 페이지의 상호 작용 및 사용자 경험을 향상시킬 수 있습니다.
