码迷,mamicode.com
首页 > Web开发 > 详细

ajax Form提交与Payload提交

时间:2018-05-11 20:21:58      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:charset   png   大片   核心   分享   char   abc   请求   post   

后端处理前端提交的数据时,既可以使用Form解析,也可以使用JSON解析Payload字符串。

Form解析可以直接从Request对象中获取请求参数,这样对象转换与处理相对容易,但在大片JSON数据需要提交时,可能会出现大量的数据拆分与处理工作,另外针对集合类型的处理,也是其比较孱弱的地方。

而Payload的优势是一次可以提交大量JSON字符串,但无法从Request从获取参数,也会受限于JSON解析的深度(尤其是有多层对象级联的情况,最底层的对象几乎无法转换为具体类型)。

以Chrome浏览器为例,它们提交时的网络参数截图如下所示:

form 提交方式:
技术分享图片

以下是Payload的提交方式:
技术分享图片

具体到是实现上,$.ajax默认的实现方式就是Form提交,核心在于contentType的设置上,如下:

var data =  {
    name : abc
};
//  提交数据
$.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)
    }
})

ajax Form提交与Payload提交

标签:charset   png   大片   核心   分享   char   abc   请求   post   

原文地址:https://www.cnblogs.com/yalong/p/9025814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!