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

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

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

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

serialize() 정의 및 사용법:

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

구문: ​​

$(selector).serialize()

자세한 설명

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

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

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:$('#myForm').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 중국어 웹사이트의 기타 관련 기사를 참조하세요!