fetch()함수를 이용해서 json 데이터 가져온 뒤 처리

    fetch("test.php")

    .then((response) => response.json())

    .then((data) => {

        console.log(data);

        $.each(data, function (idx) {

            console.log("name=>"+data[idx]["name"]+" / addr=>"+data[idx]["addr"]);

        });

    });

 

html 파일에서 jquery를 이용해서 호출할때는 이렇게 하면 된다. 

 

그러면 test.php도 확인해보자.

<?php

$data = [

    ["name" => "hong", "addr" => "first"],

    ["name" => "gil", "addr" => "second"],

    ["name" => "dong", "addr" => "third"]

];

header("Content-Type: application/json");

echo json_encode($data);

?>

 

이렇게 만들어주면 된다.