PHP 배열을 js 배열에 넣는 방법

프런트엔드 개발 과정에서는 백엔드에서 반환된 데이터를 웹페이지로 렌더링해야 하는 경우가 종종 있으며, 백엔드 데이터는 일반적으로 배열 형식으로 전달됩니다. 이 경우 PHP의 배열을 JS 배열로 변환해야 합니다. 이 문서에서는 이 기능을 구현하는 방법을 설명합니다.

1. json_encode() 함수를 사용하세요.

PHP의 json_encode() 함수는 PHP 배열을 JSON 문자열로 변환할 수 있습니다. JSON은 가독성이 좋고 구문 분석이 쉬운 경량 데이터 교환 형식이므로 JSON 문자열을 사용하여 PHP 배열을 JS 배열로 변환할 수 있습니다.

다음은 먼저 PHP에서 배열을 정의하고 json_encode() 함수를 사용하여 이를 JSON 문자열로 변환합니다.

그런 다음 태그를 사용하여 HTML에서 이 JSON 문자를 참조합니다. file String:

var js_data = ; 이 방법으로 PHP 배열을 JS 배열로 변환할 수 있습니다. 이 방법은 문자열, 숫자 등과 같이 비교적 간단한 값을 포함하는 PHP 배열에만 적합하다는 점에 유의해야 합니다. 배열에 객체와 같은 복잡한 구조가 포함되어 있는 경우 더 복잡한 방법을 사용해야 합니다.

2. Ajax 요청 사용

Ajax는 페이지를 새로 고치지 않고도 백엔드에서 데이터를 얻을 수 있는 기술입니다. Ajax 요청을 사용하는 경우 PHP 배열을 JSON 형식으로 변환하고 Ajax 요청을 사용하여 JSON 데이터를 프런트 엔드로 보내야 합니다.

다음은 먼저 PHP 파일에 배열을 정의하고 이를 JSON 형식으로 변환한 다음 Ajax 요청을 통해 JSON 데이터를 프런트 엔드로 보냅니다.

<?php $data = array('apple', 'orange', 'banana'); $json_data = json_encode($data);

echo $json_data; ?> 다음으로 Ajax 요청을 사용합니다. JS 파일, PHP 파일에서 JSON 데이터를 가져와 JS 배열로 변환:

$.ajax({ url: 'data.php', dataType: 'json', success: function(data) { var js_data = data; } }); 이 방법으로 Ajax 요청을 통해 PHP 배열을 JS 배열로 변환할 수 있습니다.

3. 숨겨진 요소를 사용하여 데이터 전달

경우에 따라 숨겨진 요소를 사용하여 데이터를 저장하고 필요할 때 JS를 통해 데이터를 얻고 구문 분석할 수 있습니다. 이 방법은 데이터 양이 상대적으로 적은 상황에 적합합니다.

다음은 PHP에서 배열을 정의하고 이를 JSON 형식으로 변환한 다음 숨겨진 태그에 JSON 문자열을 저장하는 예입니다.

"> 다음으로 JS 파일에서 가져옵니다. 이 <input&gt ; 태그를 지정하고 해당 값을 JS 배열로 구문 분석합니다.

var php_data = $('#php_data').val(); var js_data = JSON.parse(php_data); 이런 방식으로 PHP 배열을 숨겨진 요소에 저장한 다음 JS를 통해 데이터를 가져와 구문 분석하여 PHP 배열을 JS 배열로 변환할 수 있습니다.

요약

이 기사에서는 PHP 배열을 JS 배열로 변환하는 세 가지 방법, 즉 json_encode() 함수 사용, Ajax 요청 사용, 숨겨진 요소를 사용하여 데이터 전달을 소개합니다. 이러한 방법에는 프런트엔드 개발에 적용할 수 있는 시나리오가 있으므로 개발자는 특정 상황에 따라 해당 방법을 선택해야 합니다.