记Content-Type在ajax中的请求方式不同

一直以来在ajax获取数据的时候分不清Content-Type不同的区别,今天分别用Content-Type: 'application/json;charset=UTF-8',和Content-Type:application/x-www-form-urlencoded的调通了接口,记录一下。

当使用Content-Type: 'application/json;charset=UTF-8'

请求的参数是JSON格式的:

dataRequest: function(currPage) {
                var data= {
                        xzqhcode: self.xzqhcode || '320582',
                        condition: {
                            properties: {},
                            sex: '', //2女,1男
                            populationtype: "", //1本地,4外籍
                            BIRTHCITYCODE: "", //籍贯
                            BIRTHDAY_more: "", //出生日期开始
                            BIRTHDAY_less: "" //出生日期结束
                        },
                        pagesize: 20,
                        pageindex: currPage
                }
                console.log(JSON.stringify(data));
                return JSON.stringify(data);
            },

chrome调试显示:


'Content-Type: 'application/json;charset=UTF-8'时

对应的在Postman中是使用raw来传参:


'Content-Type: 'application/json;charset=UTF-8'时Postman传参方式
当使用默认的方式即Content-Type:application/x-www-form-urlencoded

请求的参数是以form-data的格式传的:

dataRequest: function(currPage) {
                var data = {
                    xzqhcode: self.xzqhcode||'320582',
                    condition: {
                        "properties": {},
                        "sex": '',//2女,1男
                        "populationtype": "",//1本地,4外籍
                        "BIRTHCITYCODE": "",//籍贯
                        "BIRTHDAY_more": "",//出生日期开始
                        "BIRTHDAY_less": ""//出生日期结束
                    },
                    pagesize:10,
                    pageindex:currPage
                }
            
                var requestData = {
                    params: JSON.stringify(data)
                }
                console.log(requestData);
                return requestData;
}

chrome调试显示:


Content-Type:application/x-www-form-urlencoded时

对应的在Postman中是使用form-data来传参:


Content-Type:application/x-www-form-urlencoded时

;

相应的接口获取我们传参的方式也不同:


Content-Type: 'application/json;charset=UTF-8'时

Content-Type:application/x-www-form-urlencoded时
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容