PHP에서 JavaScript로 변수 전달

1. AJAX를 사용하여 PHP 변수를 JavaScript에 전달
2. JavaScript를 사용하여 PHP 스크립트를 이스케이프하여 PHP 변수를 JavaScript로 전달
3. 짧은 PHP 에코 태그,<?=?>를 사용하여 JavaScript 내부에서 PHP 변수를 JavaScript에 전달

AJAX를 사용하여 PHP 변수를 JavaScript에 전달하는 방법을 소개합니다. 이 메서드는 PHP 서버에서 데이터를 요청하고 클라이언트 컴퓨터에서 실행됩니다.

또한 PHP를 JavaScript로 이스케이프하여 JavaScript에서 PHP 변수를 전달하는 또 다른 방법을 보여줍니다. PHP 스크립트 뒤에 JavaScript를 작성하여 PHP를 이스케이프합니다.

JavaScript의 짧은 echo 태그를<?=$var?>로 사용하여 PHP 변수를 JavaScript에 전달하는 또 다른 예를 보여 드리겠습니다. 여기서<?=$var?>는 PHP 변수입니다.

AJAX를 사용하여 PHP 변수를 JavaScript에 전달

AJAX를 사용하여 PHP 서버에서 JavaScript로 데이터와 변수를 가져올 수 있습니다. 이 방법에는 별도의 서버 측 및 클라이언트 측 스크립트가 있습니다. 그것은 코드를 깨끗하게 만들고 코드 가독성을 향상시킵니다. AJAX는 비동기 JavaScript 및 XML을 나타냅니다. XMLHttpRequest객체를 사용하여 서버에서 데이터를 요청합니다. JavaScript 및 HTML DOM을 사용하여 데이터를 표시합니다. 이 프로세스는 비동기 적으로 발생합니다. 즉, 페이지를 다시로드하지 않고도 웹 페이지에서 변경이 발생합니다. 그러나 AJAX가 HTTP 요청을 전송하기 때문에 네트워크를 통해 사용되는 경우 대기 시간이 있습니다. 이 방법에서는 PHP 파일에 JavaScript 코드를 작성합니다.

예를 들어index.php라는 PHP 파일을 생성합니다. <script>태그 안에 JavaScript 코드를 작성합니다. var키워드를 사용하여 가변req를 만듭니다. XMLHttpRequest()함수의 요청 객체를 만들고req변수에 할당합니다. 함수 표현식을 사용하여req객체와 함께onload()함수를 호출합니다. 함수 내에서console.log()함수를 사용하여this.responseText속성을 기록합니다. 세미콜론으로 함수 표현식을 끝내는 것을 잊지 마십시오. req객체를 사용하여open()함수를 호출합니다. get,get-data.php및true를 함수의 매개 변수로 동시에 제공하십시오. req개체와 함께send()함수를 호출합니다. get-data.php라는 다른 PHP 파일을 만듭니다. var변수에Mountain값을 지정하십시오. 매개 변수로var를 사용하여json_encode()함수를 에코합니다.

아래 예에서XMLHttpRequest()함수를 사용하여 요청 객체를 생성했습니다. onload()함수는 응답 중에 수행 할 작업을 처리합니다. open()함수는 HTTP 메서드, JSON 응답을 보내는 PHP 파일 및 스크립트의 나머지 실행을 제어하는 ​​부울 값을 지정합니다. get-data.php파일의json_encode()함수는 JSON 형식으로 응답을 보냅니다. 여기서는 콘솔에$var변수를 인쇄했습니다.

예제 코드 :

# php 7.*
<?php
?>
<script>
var req = new XMLHttpRequest(); 
    req.onload = function() {
    console.log(this.responseText); 
 };
req.open("get", "get-data.php", true); 
req.send();
</script>

# php 7.*
<?php
$var = "Mountain";
echo json_encode($var); 
?>

출력:

"Mountain"

JavaScript를 사용하여 PHP 스크립트를 이스케이프하여 PHP 변수를 JavaScript로 전달

PHP 태그 뒤에 JavaScript를 사용하여 PHP 스크립트를 이스케이프 할 수 있습니다. PH P 스크립트에서 PHP 변수를 만들 수 있습니다. 그런 다음 위에서 작성한 PHP를 이스케이프하고 JavaScript 코드 내부에 변수를 전달하는 JavaScript를 작성할 수 있습니다. JavaScript 내에서 PHP 태그를 사용하여 JavaScript 변수에 할당하는 PHP 변수를 에코 할 수 있습니다.

예를 들어,Metallica값을 PHP 태그 내의$var변수에 할당합니다. script태그를 작성하고 그 안에 PHP 태그를 작성합니다. PHP 태그 내에서 JavaScript 변수jsvar를 에코합니다. PHP 변수$var를jsvar에 할당합니다. $var와 그 뒤에 세미콜론을 감싼 따옴표를 잊지 마십시오. PHP 태그를 닫고console.log()함수를 사용하여jsvar값을 기록합니다. script태그를 닫습니다. 아래 예에서는 JavaScript를 사용하여 콘솔에 PHP 변수$var를 기록했습니다. 웹 페이지의 콘솔에서 출력을 볼 수 있습니다.

예제 코드 :

#php 7.x
<?php
$var = 'Metallica';
?>
<script>
   <?php
       echo "var jsvar ='$var';";
   ?>
   console.log(jsvar); 
</script>

출력:

Metallica

짧은 PHP 에코 태그,<?=?>를 사용하여 JavaScript 내부에서 PHP 변수를 JavaScript에 전달

JavaScript 내에서 짧은 PHP echo 태그를 사용하여 PHP 변수를 JavaScript에 전달할 수 있습니다. 짧은 PHP echo 태그를 사용하여 PHP 태그와echo문을 작성하는 번거 로움을 없앨 수 있습니다. 속기 방법입니다. 이 방법은 개념과 실행 측면에서 두 번째 방법과 매우 유사합니다.

예를 들어,Megadeth값을 PHP 태그 내의$var변수에 할당합니다. script태그를 열고 JavaScript 변수jsvar를 만듭니다. 짧은 에코 태그$var를jsvar변수의 값으로 작성합니다. console.log()함수를 사용하여 변수를 기록합니다. 웹 페이지의 콘솔에서 스크립트의 출력을 볼 수 있습니다.

코드 예 :

#php 7.x
<?php
$var = 'Megadeth';
?>
<script>
    var jsvar = '<?=$var?>';
    console.log(jsvar); 
</script>
?>

출력:

Megadeth