您的位置:首页 > Web前端 > JQuery

Jquery serialize() serializeArray()方法提交form表单数据

2017-07-13 15:50 369 查看

serialize()定义和用法

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。

您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

用法

$("id").serialize()

输出结果格式:
a=1&b=2&c=3&d=4&e=5

使用方法:

$.ajax({
type: 'post',
url: 'url?'+$("form").serialize(),
success: function(data) {

}
});


这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),

serialize()定义和用法

serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。

serializeArray() 方法序列化表单元素,返回 JSON 数据结构数据。

用法:

$("id").serializeArray()


输出结果:

[
{
name: a
value: 1
},
{
name: b
value: 2
},
{
name: c
value: 3
},
{
name: d
value: 4
},
{
name: e
value: 5
}
]

使用方法:



$.ajax({
type: 'post'<
4000
span style="color:#000000;">,
url: 'url',
data: $("form").serialize(),
success: function(data) {
}});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: