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 중국어 웹사이트의 기타 관련 기사를 참조하세요!