$.ajax使用总结(一):Form提交与Payload提交
来源:互联网 发布:3d图形编程 编辑:程序博客网 时间:2024/05/16 13:25
后端处理前端提交的数据时,既可以使用Form解析,也可以使用JSON解析Payload字符串。
Form解析可以直接从Request对象中获取请求参数,这样对象转换与处理相对容易,但在大片JSON数据需要提交时,可能会出现大量的数据拆分与处理工作,另外针对集合类型的处理,也是其比较孱弱的地方。
而Payload的优势是一次可以提交大量JSON字符串,但无法从Request从获取参数,也会受限于JSON解析的深度(尤其是有多层对象级联的情况,最底层的对象几乎无法转换为具体类型)。
以Chrome浏览器为例,它们提交时的网络参数截图如下所示:
以下是Payload的提交方式:
具体到是实现上,$.ajax默认的实现方式就是Form提交,核心在于contentType的设置上,如下:
var data = { name : 'yiifaa'};// 提交数据$.ajax('app/', { method:'POST', // 将数据编码为表单模式 contentType:'application/x-www-form-urlencoded; charset=UTF-8', // 数据必须为JS对象,不可是字符串 data : data, success : function(datas) { console.log(datas) }})
而Payload提交方式的实现如下:
$.ajax('app/', { // 据我测试了多次,payload只能用于POST方式 method:'POST', // 数据类型必须为application/x-www-form-urlencoded之外的类型 contentType:'application/json;charset=utf-8', charset=UTF-8', // 数据必须转换为字符串 data : JSON.stringify(data), success : function(datas) { console.log(datas) }})
结论
Form提交与Payload虽然都能提交数据,但它们的应用场景差异较大,需要准确理解它们的差异才是应用得当的前提。
阅读全文
0 0
- $.ajax使用总结(一):Form提交与Payload提交
- $.ajax使用总结(一):Form提交与Payload提交
- jQuery Form Plugin (一) :使用AJAX提交Form表单
- jQuery Form Plugin (一) :使用AJAX提交Form表单
- AJAX提交与FORM提交的区别
- AJAX提交与FORM提交的区别
- form表单与ajax提交
- 使用ajax提交form表单
- 使用ajax提交form表单
- 使用ajax提交form表单
- js ajax提交form表单 总结
- Ajax提交大数据:Form与Query
- AJAX提交与FORM提交的区别说明
- 关于form表单提交与ajax提交的区别
- Ajax提交与传统Form表单提交的区别说明
- 关于form表单提交与ajax提交的区别
- AJAX提交与FORM提交的区别说明
- Ajax提交与传统Form表单提交的区别说明
- 利用SecureCRT上传、下载文件(使用sz与rz命令),超实用!
- window、location、location.href、self、top简单介绍
- POI读取Excel常见问题
- 序列向量化
- ArcGIS 原文地址:arcgis中栅格数据的金字塔详
- $.ajax使用总结(一):Form提交与Payload提交
- Java集合—ArrayList
- 如何减少cocos2d-x游戏的耗电量
- 微信小程序页面跳转
- cssText
- 显示多条内容
- java nio 学习总结1
- java中的正则表达式验证工具
- 欢迎使用CSDN-markdown编辑器