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