{site_name}

{site_name}

🌜 搜索

jQuery 对象函数 .serialize() 是用于将一个表单元素的值序列化为字符串表示形式的方法

前端 𝄐 0
jqueryserialize
jQuery 对象函数 .serialize() 是用于将一个表单元素的值序列化为字符串表示形式的方法。序列化后的字符串可以方便地通过 AJAX 发送到服务器,或者存储在 cookie 或本地存储中。

例如,在以下 HTML 表单中使用 .serialize() 方法:


<form id="myForm">
<input type="text" name="username" value="john">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" checked>
<input type="submit" value="Submit">
</form>


可以通过以下代码将表单值序列化为字符串并将其打印出来:

javascript
var serialized = $('#myForm').serialize();
console.log(serialized);


运行上述代码会输出以下字符串:


username=john&email=john%40example.com&subscribe=on


该字符串表示了表单中所有输入字段的名称和值。注意,复选框和单选按钮只有在被选中时才会包含在序列化结果中,并且它们的值默认为字符串 "on"。如果希望覆盖这些默认行为,可以通过为这些元素指定不同的值属性来实现。