vt. 옷을 입히고
아약스 serializeArray() 메소드 통사론
기능: serializeArray() 메서드는 양식 값을 직렬화하여 객체 배열(이름 및 값)을 생성합니다. 하나 이상의 양식 요소(예: 입력 및/또는 텍스트 영역) 또는 양식 요소 자체를 선택할 수 있습니다.
구문: $(selector).serializeArray()
설명: serializeArray() 메서드는 양식 요소를 직렬화하고(.serialize() 메서드와 유사) JSON 데이터 구조 데이터를 반환합니다.
참고: 이 메서드는 JSON 문자열 대신 JSON 개체를 반환합니다. 문자열화 작업을 위해서는 플러그인이나 타사 라이브러리를 사용해야 합니다. 반환된 JSON 개체는 개체 배열로 구성되며, 각 개체에는 하나 또는 두 개의 이름-값 쌍, 즉 이름 매개변수와 값 매개변수(값이 비어 있지 않은 경우)가 포함되어 있습니다.
아약스 serializeArray() 메소드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("form").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.name + ":" + field.value + " ");
});
});
});
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<button>序列化表单值</button>
<div id="results"></div>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요