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) {}});
相关文章推荐
- Form表单只提交数据而不进行页面跳转的方法
- Jquery构建Form表单Post提交数据的简单方法
- Form表单只提交数据而不进行页面跳转的方法
- ajax 提交form表单中的数据 方法 2
- Form表单只提交数据而不进行页面跳转的方法
- android利用httpclient实现post、get请求restful接口进行json和form表单数据提交等公共方法类
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法
- multipart/form-data post 方法提交表单,后台获取不到数据
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法