JS-异步提交表单的几种方式

来源:互联网 发布:win7电脑摄像头软件 编辑:程序博客网 时间:2024/06/04 19:24

首先了解:

serialize():序列表格内容为字符串

serializeArray():序列化表格元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。

data属性:发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 “&foo=bar1&foo=bar2”。

dataType属性:预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。

提交方式:

ajax方式

submit方式

隐藏的iframe模拟异步上传

使用XMLHttpRequest2来进行真正的异步上传

使用JQuery和FormData来进行异步上传

参考地址:http://blog.csdn.net/u012758088/article/details/54882374

使用AJAX异步提交表单的几种方式

手工收集所有的用户输入

序列化

使用JQuery Form插件提供的ajaxSubmit()函数

参考地址:http://blog.csdn.net/NextStand/article/details/51087582