[자바스크립트] PHP 배열 변수 스크립트에서 사용하기

자바스크립트에서 PHP 변수를 받는 방법은 여러 가지가 있습니다. Ajax를 사용하여 비동기적으로 데이터를 가져와서 페이지를 새로고침하지 않고 사용 할 수 있으며, PHP 변수를 직접 스크립트에 출력 할 수도 있습니다.

 

아래 코드는 PHP 변수를 직접 스크립트에서 출력하고 사용하는 소스 코드 입니다.

PHP에서 배열을 생성하고 값을 넣은 다음 스크립트에서 값을 확인하고 있습니다. json_encode() 함수를 사용하여 PHP 배열을 JSON 형식으로 인코딩하고, JavaScript 코드에서 JSON을 파싱하여 JavaScript 배열로 변환합니다.

간단한 소스 코드 이니 확인하시고 응용해서 사용 하시면 됩니다.

<?php
$array = array();

for ($i = 0; $i < 3; $i++) {
	$name_value="name".$i;
	$id_value="id".$i;

	$array[$i]["name"]= $name_value;
	$array[$i]["id"]= $id_value;
	
} 
//배열을 json으로 변환
$rst = json_encode($array);
echo $rst;

/*
[
{"name":"name0","id":"id0"},
{"name":"name1","id":"id1"},
{"name":"name2","id":"id2"}
]
*/
?>

<script type="text/javascript">
var array = <?php echo json_encode($array)?>;

for(var i = 0; i < array.length ; i++){
	var name_value = array[i]["name"];
	var id_value = array[i]["id"];
	
	alert(name_value);
	alert(id_value);
}
</script>