ajaxSubmit(obj) 메소드는 jQuery의 플러그인인 jquery.form.js에 있는 메소드이므로 이 메소드를 사용하기 위해서는 먼저 이 플러그인을 도입해야 합니다. 아래와 같이: 코드 복사 코드는 다음과 같습니다. <br> </div> <p>그렇다면 ajaxSubmit(obj)을 통해 데이터를 제출하는 방법은 무엇일까요? 먼저 양식이 필요합니다. </p> <p>XHTML<br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="96521" class="copybut" id="copybut96521" onclick="doCopy('code96521')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code96521"> <br><form><br> 제목 ：<input type="text" name="title" /><br /><br> 내용: <textarea name="content"><textarea/><br /> <br> <button>Submit</button><br></form><br> </div> <br><br>위 내용은 일반적으로 콘텐츠 제출을 요구하는 양식입니다. 양식을 직접 제출하면 현재 페이지는 제출 후 양식의 작업이 가리키는 페이지로 이동합니다. 그러나 양식을 제출한 후 페이지가 이동하는 것을 원하지 않는 경우에는 ajaxSubmit(obj)를 사용하여 데이터를 제출할 수 있습니다. 사용방법은 다음과 같습니다. <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="74495" class="copybut" id="copybut74495" onclick="doCopy('code74495')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code74495"> <br>$('button').on( 'click' , function() {<br><br> $('form').on('submit', function() {<br> var title = $('inpur[name=title]').val (), <br> content = $('textarea').val();<br><br> $(this).ajaxSubmit({<br> type: 'post', // 제출 방법 get/post<br> URL : '귀하의 URL', // 제출 해야하는 URL <br> success : function (data) {// 제출 후 반환 된 데이터를 저장합니다 양식 제출 후 <br> });<br> return false; // 양식이 이벤트를 자동으로 제출하지 않도록 방지<br> });<br>});<br><br><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
