집 >웹 프론트엔드 >JS 튜토리얼 >jQuery ajax serialize() 메서드를 사용하고 일반적인 문제를 해결하는 방법_jquery

jQuery ajax serialize() 메서드를 사용하고 일반적인 문제를 해결하는 방법_jquery

WBOY원래의: 2016-05-16 17:42:371339검색

ajax를 사용하다 보면 'name=abc&sex=1' 형태로 입력 데이터를 모아야 하는 경우가 종종 있는데, 이 작업은 JQuery의 serialize 메소드를 사용하면 쉽게 완료할 수 있습니다.

jQuery ajax - serialize() 메소드 정의 및 사용법
serialize() 메서드는 양식 값을 직렬화하여 URL로 인코딩된 텍스트 문자열을 생성합니다.
하나 이상의 양식 요소(예: 입력 및/또는 텍스트 상자) 또는 양식 요소 자체를 선택할 수 있습니다.
AJAX 요청을 생성할 때 URL 쿼리 문자열에 직렬화된 값을 사용할 수 있습니다.

jQuery ajax - serialize() 메서드 구문
$(selector).serialize()
jQuery ajax - serialize() 메서드 상세 설명

.serialize() 메서드가 생성됩니다. 표준 URL 인코딩으로 표시되는 텍스트 문자열입니다. 양식 요소 모음을 나타내는 jQuery 개체에서 작동합니다.

jquery ajax - serialize() 메소드 여러 유형의 양식 요소가 있습니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

< ;/div>

;입력 유형= "숨겨진" name="c" value="3" id="c" />

<이름 선택="e"> " selected=" 선택됨">5
<옵션 값="6">6
<옵션 값="7">7
< /select>

< ;/form>

.serialize() 메소드는 ,

;. 그러나 일반적으로 직렬화를 위해 <form> 태그 자체를 선택하는 것이 더 쉽습니다. <br>
</div>
<br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="73645" class="copybut" id="copybut73645" onclick="doCopy('code73645')"><u> 코드는 다음과 같습니다. :</u></a> </span>$('form').submit(function() { </div>alert($(this).serialize()); <div class="codebody" id="code73645">return false; <br>}); <br><br> <br>표준 쿼리 문자열 출력: <br>a=1&b=2&c=3&d=4&e=5 </div>jQuery ajax - serialize() 메서드 참고: "성공적인 제어"만 문자열로 직렬화됩니다. . 양식을 제출하는 데 버튼을 사용하지 않으면 제출 버튼의 값이 직렬화되지 않습니다. 양식 요소의 값을 시퀀스 문자열에 포함하려면 해당 요소가 name 속성을 사용해야 합니다. <br><br>위 jQuery ajax - serialize() 메소드의 기본 내용은 W3C로 이전되었습니다. 아래에서는 jQuery ajax - serialize() 메소드를 사용할 때 발생하는 몇 가지 일반적인 문제에 대해 설명하고 공유하겠습니다. <br> 다음 예를 참조하세요. <br><br><br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="51619" class="copybut" id="copybut51619" onclick="doCopy('code51619')"><u> 코드는 다음과 같습니다.</u></a> </span> <form id="form1"> </div><input name="name1" type="text" value="pipi" /><div class="codebody" id="code51619"><input name="name2" type="radio" value="1" selected/>소년 <br><input name="name2" type="radio" value="0"/>소녀 <br><textarea name="name3"></form> <br><br> <br>사용: $("#form1").serialize() <br>결과: name1=pipi&name2=1&name3=test

jQuery ajax - serialize() 메서드에 문제가 있습니다
다음 상황이 발생하는 경우:

코드 복사 코드는 다음과 같습니다. 다음:

input name="blog" type="text" value="blue Submarine" />

 
사용:$("#form1").serialize() ; 
결과: name1=pipi&blog=blue Submarine 
 숫자를 다시 공백으로 바꾸려면 어떻게 해야 하나요?

아래와 같이 마지막 질문이 하나 있습니다.

코드 복사

코드는 다음과 같습니다.

사용: $("#form1").serialize(); 
결과: blog=blue Submarine은 나타날 수 없습니다. length=pipi 
이유는 length가 js 배열의 속성 키워드이고 충돌이 발생하지 않는 다른 문자열로 이름을 변경하면 됩니다.

성명：

이전 기사：Firefox_javascript 기술에서 E3 트리 1.6의 표시 문제를 해결하는 방법다음 기사：Firefox_javascript 기술에서 E3 트리 1.6의 표시 문제를 해결하는 방법

jQuery ajax serialize() 메서드를 사용하고 일반적인 문제를 해결하는 방법_jquery

관련 기사