serializeArray是jQuery中的一個方法,用于將表單元素的值序列化為JavaScript對象數組。下面是一個示例代碼,演示了如何使用serializeArray方法:
<!DOCTYPE html>
<html>
<head>
<title>Serialize Array Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="number" name="age" value="30">
<input type="checkbox" name="subscribe" checked>
<input type="radio" name="gender" value="male" checked>
<input type="radio" name="gender" value="female">
<select name="country">
<option value="USA">United States</option>
<option value="UK">United Kingdom</option>
<option value="Canada">Canada</option>
</select>
</form>
<button id="serializeBtn">Serialize Form</button>
<script>
$(document).ready(function(){
$('#serializeBtn').click(function(){
var formData = $('#myForm').serializeArray();
console.log(formData);
});
});
</script>
</body>
</html>
在這個示例中,我們創建了一個包含各種表單元素的表單,并在點擊按鈕時調用serializeArray方法,將表單元素的值序列化為一個對象數組,并通過控制臺打印出來。您可以根據需要進一步處理這個對象數組,比如將其轉換為JSON字符串或進行其他操作。