JavaScript에서 PHP가 반환한 배열 데이터를 얻는 방법

프런트엔드 개발에서는 일반적으로 백엔드에서 데이터를 가져와 처리해야 합니다. PHP는 쉽게 배열 데이터를 생성할 수 있고 이러한 배열 데이터는 일반적으로 필요하기 때문에 백엔드 언어로 PHP를 사용하는 경우가 많습니다. JavaScript를 통해 프런트 엔드 페이지에서 사용됩니다. 다음으로 PHP가 반환하는 배열 데이터를 JavaScript로 얻는 방법을 자세히 소개하겠습니다.

1. PHP를 통해 배열을 JSON 형식으로 변환

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

<?php
   $arr = array(&#39;name&#39;=>'张三','age'=>18);
   echo json_encode($arr);
?>

위 코드는 $arr 배열을 JSON 형식으로 변환합니다. data 및 Output의 경우 출력 결과는 다음과 같습니다.

{"name":"张三","age":18}

2. JavaScript에서 Ajax 비동기 요청을 사용하여 PHP에서 반환된 JSON 형식 데이터를 얻습니다.

JavaScript에서 Ajax 비동기 요청을 사용하여 PHP에서 반환된 JSON 형식 데이터를 얻을 수 있습니다. , 예:

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText); //将JSON格式数据转换为JavaScript对象且存储在变量data中
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    }
}
xhr.open('GET', 'test.php', true); //设置请求方式、请求地址、异步标识
xhr.send(); //发送请求

위 코드 XMLHttpRequest 객체가 생성되고 요청 메서드, 요청 주소 및 개체의 비동기 식별자가 설정되고 요청은 send() 메서드를 통해 전송됩니다. 요청 상태가 "Completed"이고 요청 상태 코드가 200이면 응답이 성공적으로 반환되었으며 응답 내용이 xhr.responseText 속성에 저장됩니다. 다음으로, JSON 형식의 데이터를 JavaScript 객체로 변환하여 변수 데이터에 저장하면, 데이터 객체의 속성에 접근하여 PHP가 반환하는 배열 데이터를 얻을 수 있습니다.

3. JQuery의 $.ajax() 메소드를 JavaScript에서 사용하여 PHP에서 반환된 JSON 형식 데이터를 얻습니다.

jQuery의 $.ajax() 메소드는 Ajax 요청을 캡슐화하여 구현되므로 비동기 작업을 보다 편리하게 완료하는 데 도움이 됩니다. 예:

$.ajax({
    type: "GET",
    url: "test.php",
    success: function(data) {
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    },
    dataType: "json"
});

위 코드는 $.ajax() 메서드를 사용하여 GET 요청을 보내고 요청 주소와 응답 데이터 유형을 JSON 형식으로 설정합니다. 응답이 성공적으로 반환되면 이 메서드의 성공 함수는 JSON 형식 데이터를 JavaScript 개체 데이터로 변환하고 속성 값을 인쇄합니다.

요약하면 위의 세 가지 방법을 통해 PHP가 반환하는 배열 데이터를 JavaScript로 쉽게 얻을 수 있습니다. 기본 Ajax를 사용하든 jQuery의 $.ajax() 메서드를 사용하든 요청 메서드, 요청 주소, 비동기 식별자 및 데이터 유형을 올바르게 설정하여 PHP에서 반환된 JSON 형식 데이터를 얻을 수 있으며 최종적으로 이를 JavaScript 개체로 변환하여 처리합니다.

위 내용은 JavaScript에서 PHP가 반환한 배열 데이터를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!