해당 문법이 무엇인지 모르겠습니다

Question

jquery 내에서 ajax 통신 직전에 들어간 코드입니다대괄호 때문에 무슨 문법인지 검색해도 나오질 않아서 여쭤봅니다

roggue2 · Accepted Answer

ajax로 파일 업로드를 처리하기 위해서 쓴 구문으로 보이네요. var form &#61; $(&#34;#writeForm&#34;)[0]; 은 form의 id 값이 writeForm인 객체를 참조하고 있고 var formData &#61; new FormData(form); 은 form의 id 값이 writeForm인 객체의 모든 요소들을 ajax로 넘길 때 쓰는 구문입니다. 자세한 사항은 jquery ajax 파일 업로드 라고 검색해 보시면 아시게 되실 겁니다.

테스트맨 · Answer

$(&#34;#writeForm&#34;)의 결과는 배열임.배열에서 0번째가 document.getElementById(&#34;writeForm&#34;)의 결과임즉라이브러리 제이쿼리를 사용해서 순수자바스크림의 form객체를 얻기위한 행위라고 보면됨.쉽게 요약하면포춘쿠키(제이쿼리)에서 메시지(순수자바스크립트 객체)를 얻기위해포춘쿠키를 망치로 부시는 행위([0])라고 보면됨

mirheeoj · Answer

챗GPT님에게 물어보니 이렇다고 하네요. The first line var form &#61; $(&#34;#writeForm&#34;)[0]; selects an HTML form element with the ID &#34;writeForm&#34; using jQuery, which is a JavaScript library that simplifies HTML DOM traversal and manipulation. This line is equivalent to writing var form &#61; document.getElementById(&#34;writeForm&#34;); in pure JavaScript.The second line var formData &#61; new FormData(form); creates a new instance of the FormData object and passes the form element as its argument. The FormData object is a built-in JavaScript class that allows you to easily construct and send HTTP requests with key-value pairs of data, such as form data, to a server.In this case, the formData variable will contain all the input fields and their corresponding values from the form element with the ID &#34;writeForm&#34;. This is often used in conjunction with AJAX (Asynchronous JavaScript and XML) requests to send data to the server without having to reload the entire page.다른 분들 답변으로 이미 완벽하게 설명된 내용이지만 호기심에 시도해본 걸 공유해봅니다. 이정도면 웬만한 걸림돌에 대해선 즉각적인 도움을 받을 수 있을것 같아요.

해당 문법이 무엇인지 모르겠습니다

3개의 답변

기타 목록