오른쪽과 같은 데이터를 웹상에 띄우는 코드이다.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<div class="output"></div>
<script>
// 스프레드시트 배포 URL _ 본인 URL을 넣으면 된다.
const url = "https://script.google.com/macros/s/AKfycbylKhyCrWpChSThZ6_tBKLecagsgLlALPaFKfSfyW5s4Xf9H0-IT9VgTH4ucC6ICU16/exec"
const output = document.querySelector('.output');
loadData();
function loadData(){
fetch(url).then(rep => rep.json())
.then((data) => {
data.data.forEach((el) => {
output.innerHTML += `${el[0]} ${el[1]} ${el[2]}<br>`;
});
})
}
</script>
</body>
</html>
fetch로 url의 값을 비동기로 json형태로 전처리한 후 / 전처리한 데이터를 하나의 행 단위로 출력하는 코드이다.
간단해 보이지만 막상 웹상에 직접 출력하는 코드를 예전에 한번 고생해서 찾은적이 있어서 기록한다.
그럼 이만 ....
'GAS > [CAS_손코딩]' 카테고리의 다른 글
| [GAS] 웹앱으로 입력된 날짜를 비교하여 값을 출력하기 (0) | 2024.05.05 |
|---|---|
| [GAS] 영역처리하기 [ ARRAY _ OBJECT ] (0) | 2023.11.02 |
| 랜덤정렬하기 (0) | 2023.06.20 |
댓글