关于ajax的get,post请求Content-Type值设置的问题

 

var xhr = new XMLHttpRequest();
var obj = {name: 'my'};
xhr.open('get', '/form');
xhr.setRequestHeader('Content-Type', 'application/text/plain; charset=utf-8');
xhr.send(null);

我们以上面的例子做个实验,我的目的是测试在get请求时,Content-Type的值不同,是否影响后端接收数据,(注server端用的express搭建的);

1.在get请求时,Content-Type为“application/text/plain”:

2.在get请求时,Content-Type为“application/x-www-form-urlencoded”:

3.在get请求时,Content-Type为“application/multipart/form-data”:

4.在get请求时,Content-Type为“application/json:

a.在post请求时,Content-Type为“application/text/plain:

请求可以成功,但是后端拿不到数据

b.在post请求时,Content-Type为“x-www-form-urlencoded”:

请求可以成功,而且后端可以拿到数据

c.在post请求时,Content-Type为“multipart/form-data”:

请求可以成功,但是后端拿不到数据

d.在post请求时,Content-Type为“multipart/json”:

请求可以成功,而且后端可以拿到数据(注意:此时发送给后端的数据需要经过JSON.stringify处理一下)

总结,get请求设置Content-Type不影响后端接收数据;

          post请求时,Content-Type为“x-www-form-urlencoded”服务端可以正常接收数据,Content-Type为“multipart/json”时,传送的数据需要经过SON.stringify处理一下,服务端才可以正常接收数据。

 

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值