1. 程式人生 > >表單序列化

表單序列化

rst action document cli () 獲取 body on() meta

1.serialize()方法

  格式:var data = $("form").serialize();

  功能:將表單內容序列化成一個字符串。

  這樣在ajax提交表單數據時,就不用一一列舉出每一個參數。只需將data參數設置為 $("form").serialize() 即可。

2.serializeArray()方法

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

  功能:將頁面表單序列化成一個JSON結構的對象。註意不是JSON字符串。

  比如,[{"name":"lihui", "age":"20"},{...}] 獲取數據為 jsonData[0].name

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.1.min.js"></script>
<title></title>
<style>

</style>
</head>

<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="text" name="LastName" value="Gates" /><br /> select:
<select name="sel">
<option>ppp</option>
<option checked="checked">aaa</option>
</select>
<input type="radio" name="radio" value="radio1" checked="checked" /> 單選
</form>

<button>序列化表單值</button>
<div></div>
</body>

</html>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("div").text($("form").serialize());
});
});
</script>

表單序列化