이 글에서는 주로 jQueryajaxSubmit()을 사용하여 확장된 타사 플러그인 jquery.form을 사용하여 구현된 양식 제출 예제를 소개합니다. 필요한 친구는 이를 참조할 수 있습니다.
ajaxSubmit(obj) 메서드는 jQuery의 플러그인인 jquery.form.js를 사용하므로 이 방법을 사용하려면 먼저 이 플러그인을 도입해야 합니다. 아래와 같이
코드는 다음과 같습니다.
< script src= "http://malsup.github.io/jquery.form.js">
그럼 ajaxSubmit(obj)을 통해 데이터를 제출하는 방법은 무엇일까요? 먼저 양식이 필요합니다.
XHTML
코드는 다음과 같습니다.
위 내용은 다음과 같습니다. 콘텐츠 양식을 제출해야 합니다. 일반적으로 양식을 통해 직접 제출하면 현재 페이지는 제출 후 양식의 action이 가리키는 페이지로 이동합니다. 그러나 양식을 제출한 후 페이지가 이동하는 것을 원하지 않는 경우가 많으므로 ajaxSubmit(obj)을 사용하여 데이터를 제출할 수 있습니다. 사용법은 다음과 같습니다.
코드는 다음과 같습니다.
$('button').on('click', function() {
$('form').on('submit', function( ) {
var title = $('inpur[name=title]').val(),
content = $('textarea') .val(); //제출 방법 get/post
~ 가져오기/게시하기
성공: function(data) { / /data는 제출 후 반환된 데이터를 저장합니다. 일반적으로
json
data
| 제출 후 양식
위 내용은 jQuery는 ajaxSubmit()을 사용하여 양식 예제를 제출합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!