欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-12 18:08:14
...

 

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”:

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

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

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

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

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

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

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

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处理一下,服务端才可以正常接收数据。

 

相关标签: javascript