코딩 공부 기록

  • 홈
  • 태그
  • 방명록

HTML, CSS, JavaScript/AJAX 2

[ajax] response 다루기(text, json) + JSON.parse()

1. response.text()fetch(url) .then(response => response.text()) .then(text => { console.log(text); });- 서버 응답을 문자열로 받음- JSON, HTML 상관없이 모든 응답을 문자열로 처리- Promise 반환 2. response.json()fetch(url) .then(response => response.json()) .then(data => { console.log(data); });- json으로 온 서버 응답을 자바스크립트 객체로 파싱- 내부적으로 JSON.parse() 실행- 응답이 JSON 형식이 아닐 경우 에러 발생- Promise 반환  + JSON...

HTML, CSS, JavaScript/AJAX 2024.11.07

[ajax] promise와 resolve(.then)

ajax 통신을 하는 경우- 서버에 데이터를 요청하면 promise가 생성되고- 데이터가 도착하면 promise가 resolve 된다.여기서 .then을 사용하지 않으면 데이터가 도착하기 전에(promise가 resolve 되기 전에) 코드를 실행하게 되고, 그러면 코드가 의도한 대로 동작하지 않는다.따라서 ajax 통신을 담당하고 받아온 값을 리턴하는 fetchData() 함수가 있다고 가정했을 때, fetchData()는 다음과 같이 사용해야 한다.fetchData() .then(data =>{ doSomething(data); });혹은fetchData() .then(function(data) { doSomeThing(data); }) .catch..

HTML, CSS, JavaScript/AJAX 2024.11.07
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (287)
    • 팁 (3)
    • 리눅스 (6)
    • REST (1)
    • Python (12)
      • 기초 (7)
    • ASP.NET (1)
    • 정리노트 (127)
      • 팀프로젝트 (33)
      • 메모 (10)
    • 오류노트 (19)
    • 코딩테스트 (9)
    • 네트워크 (3)
    • 일기 (12)
      • 독서노트 (6)
    • 영어 공부 (11)
      • 영어 회화 (11)
    • Java (23)
      • 전자정부 (0)
    • JSP (19)
      • 1. JSP 개요 (1)
      • 2. 스크립트 태그 (5)
      • 3. 디렉티브 태그 (4)
      • 4. 액션 태그 (5)
      • 5. 내장 객체 (2)
      • 6. 폼 태그 (1)
      • 7. 파일 업로드 (1)
    • vue.js (14)
    • HTML, CSS, JavaScript (19)
      • AJAX (2)

Tag

스프링, 오블완, 파이썬, 티스토리챌린지, SQL, CSS, 팀 프로젝트, Python, 코딩, 자바, java, JavaScript, JS, 코딩 공부, 자바스크립트, 팀프로젝트, Spring, HTML, 코딩 오류, JSP,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바