> 웹 프론트엔드 > JS 튜토리얼 > jQuery가 ajaxSubmit()을 사용하여 양식 인스턴스를 제출하는 방법에 대한 자세한 설명

jQuery가 ajaxSubmit()을 사용하여 양식 인스턴스를 제출하는 방법에 대한 자세한 설명

巴扎黑
풀어 주다: 2017-07-03 10:47:43
원래의
2275명이 탐색했습니다.

이 글에서는 주로 jQueryajaxSubmit()을 사용하여 확장된 타사 플러그인 jquery.form을 사용하여 구현된 양식 제출 예제를 소개합니다. 필요한 친구는 이를 참조할 수 있습니다.

ajaxSubmit(obj) 메서드는 jQuery의 플러그인인 jquery.form.js를 사용하므로 이 방법을 사용하려면 먼저 이 플러그인을 도입해야 합니다. 아래와 같이

코드는 다음과 같습니다.

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
로그인 후 복사

그럼 ajaxSubmit(obj)을 통해 데이터를 제출하는 방법은 무엇일까요? 먼저 양식이 필요합니다.

액션이 가리키는 페이지
. 그러나 양식을 제출한 후 페이지가 이동하는 것을 원하지 않는 경우가 많으므로 ajaxSubmit(obj)을 사용하여 데이터를 제출할 수 있습니다. 사용법은 다음과 같습니다.

코드는 다음과 같습니다.

<form>
    标题:<input type="text" name="title" /><br />
    内容:<textarea name="content"><textarea/><br />
    <button>提交</button>
</form>
로그인 후 복사



위 내용은 jQuery가 ajaxSubmit()을 사용하여 양식 인스턴스를 제출하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿