>  기사  >  웹 프론트엔드  >  Jquery에서 직렬화 메서드를 사용하는 방법

Jquery에서 직렬화 메서드를 사용하는 방법

WBOY
WBOY원래의
2022-03-16 14:32:062268검색

jquery에서 serialize() 메서드는 양식 값을 직렬화하여 표준 URL 인코딩 텍스트 문자열을 생성합니다. 직렬화된 값은 AJAX 요청을 생성할 때 URL 쿼리 문자열에 사용될 수 있습니다. 직렬화()".

Jquery에서 직렬화 메서드를 사용하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.

jquery에서 serialize 메서드를 사용하는 방법

serialize() 정의 및 사용법:

serialize() 메서드는 양식 값을 직렬화하여 표준 URL 인코딩 텍스트 문자열을 생성합니다. 해당 작업 개체는 컬렉션을 나타내는 jQuery 개체입니다. 양식 요소. 하나 이상의 양식 요소(예: 입력 또는 텍스트 상자) 또는 양식 요소 자체를 선택할 수 있습니다. AJAX 요청을 생성할 때 URL 쿼리 문자열에 직렬화된 값을 사용할 수 있습니다.

구문: ​​

$(selector).serialize()

자세한 설명

1. .serialize() 메서드는 표준 URL 인코딩으로 표시되는 텍스트 문자열을 생성합니다. 해당 작업 개체는 양식 요소 컬렉션을 나타내는 jQuery 개체입니다.

2. .serialize() 메소드는 d5fd7aea971a85678ba271703566ebfd, 4750256ae76b6b9d804861d8f69e79d3와 같은 개별 양식 요소를 선택한 jQuery 객체를 작동할 수 있습니다. 그러나 일반적으로 직렬화를 위해 ff9c23ada1bcecdd1a0fb5d5a0f18437 태그 자체를 선택하는 것이 더 쉽습니다

3. "성공적인 컨트롤"만 문자열로 직렬화됩니다. 양식을 제출하는 데 버튼을 사용하지 않으면 제출 버튼의 값이 직렬화되지 않습니다. 양식 요소의 값을 시퀀스 문자열에 포함하려면 해당 요소가 name 속성을 사용해야 합니다.

4. 양식의 이름은 Js 또는 jquery에서 키워드를 사용할 수 없습니다.

예: 길이

코드는 다음과 같습니다.

<form id="form1">
   <input name="length" type="text" value="pipi" />
   <input name="blog" type="text" value="blue submarine" />
</form>
//使用:$("#form1").serialize();

위에서 값을 얻을 수 없습니다.

JQuery의 serialize() 인스턴스

1, ajax serialize()

코드는 다음과 같습니다.

$.ajax({
    type: "POST",
    dataType: "json",
    url:ajaxCallBack,
    data:$(&#39;#myForm&#39;).serialize(),// 要提交表单的ID
    success: function(msg){
        alert(msg);
    }
});

2.serialize() 직렬화 형식 인스턴스

코드는 다음과 같습니다.

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
   $("#submit").click(function(){
     alert($("#myForm").serialize());
   });
});
</script>
<form id="myForm">
昵称 <input type="text" name="username" value="admin" /><br />
密码 <input type="password" name="password" value="admin123" /><br />
<input type="button" id="submit" value="序列化表单" />
</form>

클릭 후 버튼을 누르면 팝업이 뜹니다:

사용자 이름=admin&password=admin123

권장 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 Jquery에서 직렬화 메서드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.