API 요청

2025. 12. 6. 15:27·FrontEnd/JavaScript

fetch api

async function 함수이름() {
   const name = document.getElementById('name').value
   fetch(`http://localhost:3000/sound/${name}`)
   .then((response) => response.json())
   .then((data) => {
   	  	console.log(data)
   		document.getElementById('name').value = data
   });
}

// 최신 문법

async function logJSONData() {
  const response = await fetch("http://example.com/movies.json");
  const jsonData = await response.json();
  console.log(jsonData);
}

 

MDN 사이트에 사용법과 함께 있음.

'FrontEnd > JavaScript' 카테고리의 다른 글

개념 정리  (0) 2025.12.06
JavaScript 기본 개념  (0) 2025.11.27
특정 요소 숨기는 기능 classList.toggle() 사용.  (0) 2025.09.10
'FrontEnd/JavaScript' 카테고리의 다른 글
  • 개념 정리
  • JavaScript 기본 개념
  • 특정 요소 숨기는 기능 classList.toggle() 사용.
dev_user
dev_user
csjang94-dev 님의 블로그 입니다.
  • dev_user
    devJang
    dev_user
    • Category (127)
      • Linux (2)
      • FrontEnd (11)
        • HTML (1)
        • CSS (5)
        • JavaScript (4)
        • React (1)
      • BackEnd (4)
        • node.js (7)
        • Vue.js (1)
      • DB (13)
      • Python (3)
      • GitHub (1)
      • AWS (18)
      • ErrorCode (2)
      • AWS 광주 개발일지(25.08.19~25.01... (55)
        • 교육 25년 8월 일지 (7)
        • 교육 25년 9월 일지 (22)
        • 교육 25년 10월 일지 (2)
        • 교육 25년 11월 일지 (4)
        • 교육 25년 12월 일지 (19)
      • Projects (3)
        • 미니프로젝트(25.08.29) (0)
        • Git Page -> Portfolio제작 (2.. (1)
      • 개념 정리 (1)
      • 유용한 서비스 (3)
  • 인기 글

  • 링크

    • GitHub
    • Portfolio
    • YouTube
    • 개발자 로드맵 사이트
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 전체
    오늘
    어제
  • hELLO· Designed By정상우.v4.10.4
dev_user
API 요청
상단으로

티스토리툴바