API_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
</body>
</html>
<script>
    $.ajax({

        url: "127.0.0.1:7777", // 클라이언트가 요청을 보낼 서버의 URL 주소

        type: "GET",                             // HTTP 요청 방식(GET, POST)

        dataType: "json"                         // 서버에서 보내줄 데이터의 타입

    })

    // HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.

    .done(function(json) {
        console.log(json);
    })

    // HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.

    .fail(function(xhr, status, errorThrown) {

        $("#text").html("오류가 발생했습니다.<br>")

        .append("오류명: " + errorThrown + "<br>")

        .append("상태: " + status);

    })

    // HTTP 요청이 성공하거나 실패하는 것에 상관없이 언제나 always() 메소드가 실행됨.

    .always(function(xhr, status) {

        $("#text").html("요청이 완료되었습니다!");

    });
</script>