Airtable의 api(json형)를 ajax로 취득한다. (비망록)

4263 단어 WebAPI아약스
이번 자신의 제작으로 손을 잡고 있던 Airtable의 API 취득에 관한 비망록

이번에는 Airtable의 API를 취득하고 콘솔에 표시까지

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>  
    <script src="js/info.js"></script>
</head>
<body>
<script>


jQuery.ajax({
    url: "jsonデータのURL",
    type: "GET", //値をGET
    data: {
        //各項目の中身
        "view": "Main View", 
        "limit": "10",
        "offset": "",
        "sortField": "Name",
        "sortDirection": "asc",
    },
    headers: {
        //APIkeyを入力する
        "Authorization": "APIkeyを入力",
    },
})
.done(function(data, textStatus, jqXHR) {
    //dataの中身を表示する
    console.log(data);
})


</script>
</body>
</html>


위의 코드에서 localhost에서 보면 콘솔에 아래와 같은 것이 출력됩니다.



fields의 내용이 Airtable로 쓴 행의 곳이 됩니다.
위의 이미지에서는 Name mizugasira Notes masaya가 되어 있는 것을 알 수 있다고 생각합니다.

아니 - 처음 Airtable 만졌지만 즐거웠던 것 같다.

좋은 웹페이지 즐겨찾기