현재 위치: > 최신 기사 목록> PHP 파싱 JSON 데이터 및 프론트 엔드 상호 작용 방법

PHP 파싱 JSON 데이터 및 프론트 엔드 상호 작용 방법

gitbox 2025-06-28

JSON은 무엇입니까?

JSON (JavaScript 객체 표기법)은 인간이 읽고 쓸 수있는 가벼운 데이터 교환 형식이며 컴퓨터 분석 및 생성에도 편리합니다. 데이터를 객체 방식으로 설명하고 서버와 웹 페이지간에 데이터를 전달하는 데 널리 사용됩니다.

JSON 형식의 예 :

 <span class="fun">{ "이름": "Zhang San", "Age": 18, "Gender": "Male"}</span>

JSON 형식으로 데이터는 키와 값이 ":"에 의해 분리되는 키 값 쌍의 형태로 나타납니다. 데이터 항목은 쉼표로 분리되며 전체 데이터는 버팀대로 둘러싸여 있습니다.

PHP는 JSON 데이터를 파ses합니다

JSON을 PHP 배열로 변환하십시오

PHP에서는 JSON_DECODE () 함수를 사용하여 JSON 형식의 데이터를 PHP 배열로 변환 할 수 있습니다.

샘플 코드 :

 $json = '{"name": "장 산", "age": 18, "gender": "남성"}';
$arr = json_decode($json, true);
print_r($arr);

출력 결과 :

 Array
(
    [name] => 장 산
    [age] => 18
    [gender] => 남성
)

PHP 배열을 JSON으로 변환하십시오

PHP에서는 JSON_ENCODE () 함수를 사용하여 PHP 배열을 JSON 형식으로 변환 할 수 있습니다.

샘플 코드 :

 $arr = array("name" => "장 산", "age" => 18, "gender" => "남성");
$json = json_encode($arr);
echo $json;

출력 결과 :

 <span class="fun">{ "이름": "Zhang San", "Age": 18, "Gender": "Male"}</span>

JSON 데이터 사용

JSON 데이터를 사용하면 프론트 엔드 및 백엔드 분리 아키텍처를 구현할 수 있습니다. 프론트 엔드는 AJAX를 통해 백엔드에서 JSON 데이터를 얻은 후 백엔드와 자주 상호 작용하지 않고 해당 DOM 작업을 수행합니다.

ajax는 JSON 데이터를 얻습니다

프론트 엔드는 AJAX를 사용하여 백엔드 인터페이스에서 JSON 데이터를 얻고 후속 처리를 수행합니다.

 $.ajax({
    url: "test.php",  // 백엔드 인터페이스
    type: "get",
    dataType: "json",  // 반환 데이터를 다음과 같이 지정합니다JSON체재
    success: function(data) {
        console.log(data);  // 출력JSON데이터
    }
});

JSON 데이터의 프론트 엔드 처리

프론트 엔드가 JSON 데이터를 얻은 후에는 JavaScript를 통해 구문 분석하고 페이지에 표시 될 수 있습니다.

 $.ajax({
    url: "test.php",  // 백엔드 인터페이스
    type: "get",
    dataType: "json",  // 반품JSON데이터
    success: function(data) {
        // 분석JSON데이터
        var name = data.name;
        var age = data.age;
        var gender = data.gender;
        // 将데이터显示在页面上
        $("#name").text(name);
        $("#age").text(age);
        $("#gender").text(gender);
    }
});

요약

이 기사는 JSON의 기본 개념과 JSON을 PHP 배열로 변환하고 PHP 배열을 JSON 형식으로 변환하는 방법을 포함하여 PHP에서 JSON 데이터를 구문 분석하고 조작하는 방법을 소개합니다. 또한 AJAX를 통해 프론트 엔드와 상호 작용하여 프론트 엔드 분리를 달성하고 사용자 경험 및 웹 사이트 성능을 향상시키는 방법도 소개합니다.