首页JQuery序列化表单值serializeToJson()、serialize()方法

JQuery序列化表单值serializeToJson()、serialize()方法

时间: 2023-11-30 11:02:48 浏览: 161

JQuery 提供了两种序列化表单值的方法：serializeToJson() 和 serialize()。 serializeToJson() 方法可以将表单中的所有字段值序列化为一个 JSON 对象，该方法需要依赖 jQuery 库和 json2 库。示例代码： ```javascript $.fn.serializeToJson = function () { var serializeObj = {}; $(this.serializeArray()).each(function () { serializeObj[this.name] = this.value; }); return serializeObj; }; ``` 使用方式： ```javascript var formJson = $("#form").serializeToJson(); console.log(formJson); ``` serialize() 方法可以将表单中的所有字段值序列化为一个 URL 编码的字符串，该方法只需要依赖 jQuery 库。示例代码： ```javascript var formStr = $("#form").serialize(); console.log(formStr); ``` 使用方式： ```html <form id="form" method="post"> <input type="text" name="name" value="" /> <input type="text" name="age" value="" /> <button type="button" onclick="submitForm()">提交</button> </form> <script> function submitForm() { var formData = $("#form").serialize(); console.log(formData); // ... } </script> ```

阅读全文