> 웹 프론트엔드 > JS 튜토리얼 > jQuery 직렬화 형식 serialize() serializeArray()

jQuery 직렬화 형식 serialize() serializeArray()

巴扎黑
풀어 주다: 2017-07-03 13:52:04
원래의
2256명이 탐색했습니다.

1.serialize() 메서드

설명: 직렬화된 형식의 콘텐츠는 Ajax 요청에 사용되는 string입니다.

형식: var data = $("form").serialize();

2.serializeArray() 메서드

설명: 양식 요소 직렬화('와 유사) .serialize()' 메서드)는 JSON 데이터 구조 데이터를 반환합니다.回 이 메서드는 JSON 문자열 대신 JSON 개체

를 반환합니다. 문자열화 작업을 위해서는 플러그인이나 타사 라이브러리를 사용해야 합니다.

Format: var jsonData = $("form").serializeArray();

ajax를 사용하여 양식 데이터를 제출할 때 위의 두 가지 방법 모두 데이터 매개변수를 $("form")으로 설정할 수 있습니다. serialize() 또는 $("form").serializeArray().

Demo

<form id="myform">
	<table>
		<tr>
			<td>姓名:</td>
			<td> <input type="text" name="name" /> </td>
		</tr>
		<tr>
			<td>性别:</td>
			<td>
				<input type="radio" name="sex" value="1"> 男
				<input type="radio" name="sex" value="0"> 女
			</td>
		</tr>
		<tr>
			<td>年龄:</td>
			<td>
				<select name="age">
					<option value="20">20</option>
					<option value="21">21</option>
					<option value="22">22</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<input type="button" id="ajaxBtn" value="提交" />
			</td>
		</tr>
	</table>
</form>
로그인 후 복사
$(function() {
   $("#ajaxBtn").click(function() {
	var params1 = $("#myform").serialize();
	var params2 = $("#myform").serializeArray();
	console.log(params1);  //name=zhangsan&sex=1&age=20
	console.log(params2);  //[Object, Object, Object]
	$.ajax( {
		type : "POST",
		url : "RegisterAction.action",
		data : params1,
		success : function(msg) {
			alert("success: " + msg);
		}
	});
   })
})
로그인 후 복사

아래 그림을 보면 두 방법의 차이점을 알 수 있습니다

저자: itmyhome

출처: http://blog.csdn.net/ itmyhome1 990 /article/details/41866265

위 내용은 jQuery 직렬화 형식 serialize() serializeArray()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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