JavaScript 변수를 PHP로 전달하는 방법 : 완료 튜토리얼

JavaScript 변수를 PHP에 전달하는 방법은 무엇입니까?

현대 웹 개발에서 JavaScript와 PHP는 종종 함께 일해야합니다. JavaScript는 프론트 엔드 상호 작용 및 동적 데이터를 처리하는 반면 PHP는 백엔드 로직 및 데이터 저장을 담당합니다. 때로는 JavaScript의 변수를 PHP에 전달해야하며 다음은이 작업을 구현하는 방법을 설명합니다.

자바 스크립트 변수를 양식을 통해 PHP에 제출하십시오

일반적인 방법은 JavaScript 변수를 HTML 양식을 통해 PHP에 전달하는 것입니다. 먼저 JavaScript를 사용하여 양식 필드를 동적으로 채우고 양식을 통해이 데이터를 PHP에 제출해야합니다.

샘플 코드

JavaScript 변수가 있고 처리를 위해 PHP로 전달하려고한다고 가정하십시오. 다음 코드를 사용할 수 있습니다.

 
<script>
var res = "success";
document.getElementById("jsVar").value = res;
</script>
<form method="post" action="process.php">
   <input type="hidden" name="jsVar" id="jsVar">
   <input type="submit" value="제출하다">
</form>

위의 코드에서 JavaScript 변수`RES '는 숨겨진 입력 상자에 할당됩니다. 그런 다음 양식은`process.php`에 제출되며, 여기서`$ _post [ 'jsvar']`을 통해이 값을 얻을 수 있습니다.

javaScript 변수를 AJAX를 통해 PHP에 비동기로 전달하십시오

페이지를 새로 고치지 않으려면 AJAX를 사용하여 JavaScript 변수를 PHP에 비동기로 전달할 수 있습니다. AJAX는 페이지를 다시로드하지 않고 PHP와 상호 작용할 수 있으며, 이는 사용자 경험을 향상시키는 데 특히 중요합니다.

샘플 코드

 
<script>
var res = "success";
var xhr = new XMLHttpRequest();
xhr.open("POST", "process.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
       console.log(xhr.responseText);
   }
};
xhr.send("jsVar=" + encodeURIComponent(res));
</script>

이 예에서는`res` variable을 Ajax를 통해`process.php`에 보내고,`$ _post [ 'jsvar']`을 통해 PHP 스크립트 에서이 데이터를 수신하고 처리합니다.

요약

양식을 통해 제출 되든 Ajax를 사용하든 JavaScript는 변수를 PHP에 쉽게 전달할 수 있습니다. 선택할 방법은 특정 요구 사항 및 프로젝트 구조에 따라 다릅니다. 이 기사가 JavaScript와 PHP 간의 상호 작용을 더 잘 이해하고 구현하는 데 도움이되기를 바랍니다.