> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 Ajax 제출 양식 매개변수를 확인하는 방법

jQuery를 사용하여 Ajax 제출 양식 매개변수를 확인하는 방법

php中世界最好的语言
풀어 주다: 2018-03-31 11:04:16
원래의
1423명이 탐색했습니다.

이번에는 Ajax 제출 양식에 전달된 매개변수를 jQuery가 어떻게 확인하는지 보여드리겠습니다. Ajax 제출 양식에 전달된 매개변수를 확인하는 jQuery의 주의사항은 무엇인가요? 다음은 실제 사례입니다. serialize() 메서드는 양식 값을 직렬화하여 URL로 인코딩된 텍스트

string

을 생성합니다. 매개변수를 하나씩 전달하는 대신 이전 ajax 매개변수 전달 방법

$.ajax({ 
        url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", 
        type : "post", 
        dataType : "json", 
        data: {beginsectionid:function(){
              return $('#number option:selected').val();
            },
            beginelevation:function(){
              return $('#onset').val();
            },
            endelevation:function(){
              return $('#end').val();
            }
        }, 
        success : function(result) { 
        } 
      });
로그인 후 복사

은 serialize() 매개변수 전달 방법을 사용합니다.

 var param = $("#standForm").serialize(); 
       $.ajax({ 
        url : "${ctx}/SJStandardStandardInfo/insertOrUpdateStandardInfo", 
        type : "post", 
        dataType : "json", 
        data: param, 
        success : function(result) { 
        } 
      });
로그인 후 복사

약간 복잡한 비즈니스에서는 여러 개의

양식 양식

이 필요할 수 있습니다. 같은 페이지에 있지만 양식을 제출한 후 페이지를 새로 고치거나 이동하는 것을 원하지 않는다면 우리가 고려하는 것은 Ajax 양식 제출인데 어떻게 jQuery의 validator 플러그인이 비동기적으로 제출된 양식도 검증할 수 있습니까? 계속해서 아래를 살펴보겠습니다. 여기에서는 인터넷의 예를 사용하여 설명하겠습니다.

다음은 jquery .ajax 제출 양식을 작성하는 비교적 일반적인 방법입니다

$("#submitButton").click(function(){ 
//序列化表单 
  var param = $("#leaveSave").serialize(); 
  $.ajax({ 
   url : "leaveSave.action", 
   type : "post", 
   dataType : "json", 
   data: param, 
   success : function(result) { 
if(result=='success') { 
location.href='allRequisitionList.action'; 
} else if(result.startWith("error_")){ 
$("#errorMessage").html(result.substring(6)); 
} else { 
//返回的结果转换成JSON数据 
var jsonObj = eval('('+result+')'); 
startTime = $("#startdate").val(); 
endTime = $("#enddate").val(); 
hour = jsonObj.hour; 
reason = jsonObj.reason; 
 
replaceDom(startTime,endTime,hour,reason); 
} 
} 
}); 
});
로그인 후 복사
Ajax를 사용하여 양식을 제출하고 확인을 위해 jquery의 유효성 검사도 사용하려는 경우 다음과 같이 해결할 수 있습니다. : 양식은 여전히 ​​일반적으로 작성된 양식 내용이고 유형은 여전히 ​​제출 유형이지만 유효성 검사 방법에서는 양식을 제출하는 데 ajax가 사용됩니다

$("#saveWorkExtra").validate({ 
onsubmit:true,// 是否在提交是验证 
onfocusout:false,// 是否在获取焦点时验证 
onkeyup :false,// 是否在敲击键盘时验证 
rules: { 
.... 
}, 
messages:{ 
.... 
}, 
submitHandler: function(form) { //通过之后回调 
   var param = $("#saveToWorkExtra").serialize(); 
   $.ajax({ 
url : "workExtraChange.action", 
type : "post", 
dataType : "json", 
data: param, 
success : function(result) { 
if(result=='success') { 
     location.href='allRequisitionList.action'; 
} else { 
     var jsonObj = eval('('+result+')'); 
} 
} 
   }); 
     }, 
     invalidHandler: function(form, validator) { //不通过回调 
    return false; 
     } 
});
로그인 후 복사

사례를 읽으신 후 방법을 마스터하신 것 같습니다. 이 기사에서 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Ajax는 어떻게 새로 고치지 않고 파일을 업로드하나요?


Ajax가 데이터를 반환하기 전에 로딩 대기 애니메이션 효과를 만드는 방법

위 내용은 jQuery를 사용하여 Ajax 제출 양식 매개변수를 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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