whatisthis?
HTML/DOM. AJAX 요청 (수정중) 본문
HTML/DOM. Form Data
보통은 AJAX로 폼(form) 전송을 할 일이 거의 없다. 주로 JSON구조 (key-value)값 데이터를 전송함. But. 이미지를 AJAX로 업로드 할때 폼 전송이 필요함. >> input type="file" ___ - HTML: Hypertext Markup Lan..
mywebproject.tistory.com
formData에 이미지를 담고 싶다면
formData.append('img', document.getElementById('파일 인풋').files[0])과 같이 해주고, 서버로 formData 자체를 보내면 된다.
(파일이 여러개라면? > 반복문을 사용해서 append를 해줌. 단, 키값은 같아야함.)
키값이 같아야 여러 파일이 같은 키로 업로드된다.
위에서 저장한 FormData 객체에 담긴 파일을 AJAX로 서버에 보내야 한다.
이번에는 AJAX 요청을 보내는 대표적인 방법인 XMLHttpRequest(XHR)에 대해 알아보자.
수정중
(node.js 추가하고 내용 갈아엎는중)
REFERENCE
https://www.zerocho.com/category/HTML&DOM/post/594bc4e9991b0e0018fff5ed
(HTML&DOM) AJAX 요청 - XMLHttpRequest
안녕하세요. 이번 시간에는 AJAX 요청을 보내는 대표적인 방법인 XMLHttpRequest(XHR) 사용 방법에 대해서 알아보겠습니다. 다른 웹사이트나 블로그에서 AJAX 코드를 많이 보셨을텐데요. 제가 자세히 설
www.zerocho.com
이 포스팅은 zerocho님의 javascript 강의를 보고 작성한 글입니다.
공부+기록 용으로 작성한 것이며, 자세한 것은 위 포스팅을 참고하세요!
'WEB STUDY > HTML,CSS' 카테고리의 다른 글
| css. 포지션(Position) (0) | 2022.02.07 |
|---|---|
| css. 박스모델(Box-Model) (Re-vise) (0) | 2022.02.07 |
| HTML/DOM. Form Data (0) | 2022.02.07 |
| css. CSS의 선택자 + 기초 (RE-vise) (0) | 2022.02.04 |
| html/DOM. Local Storage / Session Storage (0) | 2022.02.04 |
