PHP와 Javascript간 변수 전달 및 html 표시

변수를 이리저리 옮기는 것은 원하는 값이 알고리즘상 하부에 있을 때 브라우저에 보여지는 상부에 값을 표시하기 위해서 필요한 작업이다. 특히 순차적 프로그래밍인 php에서 나온 값을 html상의 위쪽에 표시할 때 별수 없이 javascript를 이용해서 값을 옮겨야 하기 때문이다.

방법의 대략적인 흐름은 다음과 같다. 먼저 php로 변수의 값을 설정한 다음, javascript를 이용해서 이 값을 퍼 나르고, html에서 해당되는 변수를 표시할 자리에 출력하게 하는 것이다.

1. php 변수명이 $a 라고 하면, 일단 javascript로 이 값을 부르는 방법은 다음과 같다. php 코드 내에 공백 없이 등호를 먼저 사용하는 점에 주의.

   <script language="javascript">
     <?php=$a ?>
    </script>

2. 이를 이용하여 html 표시 중에서 id가 $b인 부분 (통상  <span>태그를 쓰게 되겠다) 에 이 값을 옮기고자 한다면, javascript의 getElementById 함수를 이용한다. 그러면 html 코드는 다음과 같이 된다.

 <script>
  document.getElementById("b").innerHTML = <?php=$a ?>;
 </script>

참고적으로 자바스크립트는 위치에 관계없이 이렇게 옮겨지는데, php는 순차적으로 실행하므로 반대방향으로 보내는 것은 어려워 보인다.