Dani's Dev TokTok

  • 홈
  • 태그

axios 1

[새싹x코딩온] 웹 개발자 부트캠프 과정 6주차 회고 | 동적 form 전송

1. 들어가며비동기 HTTP 통신을 이용해서 동적 form 전송 구현해보기2. Axios 를 이용해서 동적 form 전송 구현하기form 요소를 이용해서 데이터를 전송하면 페이지 이동이 일어난다.(form 요소의 action 속성에 지정된 경로로 이동하며 데이터 전송)그러나 비동기 HTTP 통신을 이용하면 폼의 데이터를 서버와 동적으로 송수신해서 실시간으로 변경된 것을 보여줄 수 있다.위의 예시처럼 아이디와 비밀번호가 일치하지 않을 때, 페이지가 변경되지 않으면서 동적으로 데이터를 송수신해서 변경된 내용을 보여줄 수 있다. 비동기 HTTP 통신 방법비동기 HTTP 통신 방법에는 크게 3가지가 있으며 아래와 같다.AjaxAxiosFetch본 포스팅에서는 Axios 를 이용한 동적 form 구현을 다룰 거지..

Study/Node.js 2024.06.18
이전
1
다음
더보기
프로필사진

Dani's Dev TokTok

열심히 개발하는 다니니니니니니의 개발 블로그

  • 분류 전체보기
    • Study
      • Javascript
      • Typescript
      • React
      • Vue
      • Node.js
      • Java
      • HTML & CSS
      • Git
      • CS
    • Project
      • SeSAC 1차 팀 프로젝트
      • SeSAC 2차 팀 프로젝트
      • SeSAC 3차 팀 프로젝트
    • ETC
      • 주절주절

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Github

Copyright © AXZ Corp. All rights reserved.

티스토리툴바