阅读量:3
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字符串或进行其他操作。
