inanJeong
이난's 프로그래밍 지식 사이트
inanJeong
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • 회고록 및 개발일기 (4)
    • Advanced (0)
    • Python (18)
      • 파이썬 기초 (0)
      • 파이썬스럽게 개발하기 (6)
      • Django (5)
      • 고성능 파이썬 (0)
      • matplotlib (3)
      • Error (4)
    • 기타 (61)
      • Shell Script (2)
      • 라즈베리파이 (5)
      • 티스토리 꾸미기 (2)
      • 알고리즘 (2)
      • 소프트웨어 개발론 (0)
      • JIRA(프로젝트 관리 도구) (1)
      • git (1)
      • Swagger (1)
      • docker (2)
      • web_server (2)
      • MySQL (2)
      • front_end (3)
      • javascripts(typescript + ES.. (5)
      • ServerSideApplication (1)
      • Data Engineering (5)
      • flutter (2)
      • JSP (10)
      • Spring boot (5)
      • React (3)
      • elasticSearch (1)
      • AWS (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

인기 글

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
inanJeong

이난's 프로그래밍 지식 사이트

HTML/JavaScripts API 이용하기
기타/front_end

HTML/JavaScripts API 이용하기

2020. 9. 22. 11:25

 

자바 스크립트를 이용한 API 데이터 요청 - POST

 

1) XMLHttpRequest

- XMLHttpRequest 함수를 불러옵니다.

- open 함수를 이용하여 타입(get, post, update, delete)과 주소를 지정합니다.

 

※ 데이터 요청시 해당 백엔드에서 Access-Control-Allow-Origin으로 접근을 허용해야 데이터를 얻을 수 있습니다.

 

 

 

2-1) 데이터 요청(데이터 포함 x)

- send 함수로 데이터를 요청합니다.

- 전송 성공시 데이터(json)를 받고 데이터를 처리

 

 

 

2-2) 데이터 요청(json형태 데이터를 전송과 요청)

- 요청 할때 필요한 헤더를 지정해줍니다.

- 데이터를 json형태로 파싱하고 데이터를 보내면서 요청을 합니다.

- 전송 성공시 데이터(json)를 받고 데이터를 처리

 

'기타 > front_end' 카테고리의 다른 글

css 반응형 웹 Flex 시작하기  (0) 2020.08.09
CSS 미디어 쿼리  (0) 2020.08.09
    '기타/front_end' 카테고리의 다른 글
    • css 반응형 웹 Flex 시작하기
    • CSS 미디어 쿼리
    inanJeong
    inanJeong
    저작권 문제시 이메일 발송 부탁드립니다.(해당 게시글 바로 내리겠습니다.) ghjklla007@naver.com

    티스토리툴바