jquery에서 serialize() 메서드는 양식 값을 직렬화하여 표준 URL 인코딩 텍스트 문자열을 생성합니다. 직렬화된 값은 AJAX 요청을 생성할 때 URL 쿼리 문자열에 사용될 수 있습니다. 직렬화()".
이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.
serialize() 정의 및 사용법:
serialize() 메서드는 양식 값을 직렬화하여 표준 URL 인코딩 텍스트 문자열을 생성합니다. 해당 작업 개체는 컬렉션을 나타내는 jQuery 개체입니다. 양식 요소. 하나 이상의 양식 요소(예: 입력 또는 텍스트 상자) 또는 양식 요소 자체를 선택할 수 있습니다. AJAX 요청을 생성할 때 URL 쿼리 문자열에 직렬화된 값을 사용할 수 있습니다.
구문:
$(selector).serialize()
자세한 설명
1. .serialize() 메서드는 표준 URL 인코딩으로 표시되는 텍스트 문자열을 생성합니다. 해당 작업 개체는 양식 요소 컬렉션을 나타내는 jQuery 개체입니다.
2. .serialize() 메소드는 ,
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!