jquery 양식 제출 방법은 무엇입니까?

양식 제출에는 네 가지 방법이 있습니다. 1. "jquery.form" 플러그인을 사용해야 하는 "$.ajaxSubmit" 메서드 2. GET 모드에서 데이터를 제출하는 "$.getJSON" 메서드 3. 상대적으로 큰 데이터를 수신하는 "$.post" 메소드 4. 일반적으로 비동기 메소드를 캡슐화하는 "$.ajax" 메소드.

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery 양식을 제출하는 방법은 무엇인가요?

jQuery에서 양식을 제출하는 방법에는 여러 가지가 있습니다. 이제 일반적으로 사용되는 네 가지 방법, 즉 ajaxSubmit(), getJSON(), post(), ajax()에 대해 이야기하겠습니다.

1. $.ajaxSubmit 메소드

ajaxSubmit()을 사용하여 양식을 제출하려면 먼저 타사 플러그인 jquery.form을 사용하여 구현해야 합니다.
일반적인 상황에서 양식을 사용하여 직접 제출하면 제출 후 현재 페이지가 양식 제출 후 페이지가 가리키는 페이지로 이동합니다. ajaxSubmit() 메소드를 제출합니다.
다음으로 ajaxSubmit() 제출 작성 방법을 살펴보겠습니다.
Html:

         提交

**jQuery: **1. 원본 작성 방법(이 작성 방법은 양식에 경로를 채울 필요가 없습니다. )

2. 간단한 작성 방법

2. $.getJSON 방법

GET 및 POST를 통해 Naked 데이터를 직접 전송하는 기존 방식에 비해 JSON이 구조적으로 더 합리적이고 안전합니다. getJSON() 함수는 JSON 함수를 설정하는 ajax() 함수의 단순화된 버전일 뿐입니다. get() 및 post()와 비교할 때 데이터 전달에 있어 특정 이점이 있으며 시간에 관계없이 사용할 수 있습니다.
참고: $.getJSON은 GET 모드로 데이터를 제출하므로 과도한 양의 데이터를 제출할 수 없습니다.
작성 방법: Html:

         提交

jQuery:

3. $ .post 방법

post() 함수와 getJSON() 함수의 작성 방법에는 차이가 없으나 post 특별한 기능이 있습니다. 즉, 유형, 유형은 요청된 데이터 유형(json, html 등)을 선언하는 것입니다. 매개변수를 json으로 설정하면 반환되는 형식은 json 형식이 됩니다. ; 설정되지 않은 경우 반환 형식은 모두 문자열입니다.
위에서 언급했듯이 post() 함수는 상대적으로 많은 양의 데이터를 수신하는 데 사용할 수 있으며 이는 다른 방법에 비해 장점입니다. 일반적으로 우리는 양식을 제출할 때 post() 메서드를 사용합니다.
어떻게 작성되는지 살펴보겠습니다:
Html: ($.getJSON이 제출한 html과 동일)
jQuery:

//提交按钮的点击事件
function btnSubmit(id) {
     //获取页面数据
     var id = $("#myForm [name='id']").val();
     //提交表单
     $.post("url", //请求路径
          {
              id: id  //参数
           },
           function (¬data) {
               if (data.State) {
                    alert(data.Text);
                } else {
                    alert(data.Text);
                }
           }, "json");
}

4. $.ajax 메소드

$ .ajax는 일반적으로 사용되는 방법 비동기식을 캡슐화하는 일반적인 방법 .
Html: ($.getJSON이 제출한 html과 동일)
jQuery:

참고: 일반적으로 간단한 경우에는 $.ajax를 매개변수 없이 직접 사용할 수 있습니다.

동영상 튜토리얼 추천: jQuery 동영상 튜토리얼

위 내용은 jquery 양식 제출 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!