HTTP 响应头信息与前后端交互时content-type重要性

以下是响应头的大部分属性

在做前后端交互的时候需要注意的主要有age,allow,set-cookie,expires,Content-Type这几个字段
之中特别需要注意的是content-type
如果你写过后端，碰巧用的是java servlet的话，你一定用过这个方法 req.getParameter(“”);
如果你是下面情况

当你与前端交流的话你可能会读不到这个值
这个需要前端使用content-type:application/x-www-form-urlencoded
这个协议主要处理参数比较少的请求，请求体大的话一般用application/json

今天我就碰到了，当我使用如下代码时

const xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:8080/s', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
const data={
	id:'10'
}
xhr.send(JSON.stringfy(date));

这个是没有用的，虽然我请求头的content-type是这个，但是我的请求体格式却是application/josn格式
这个需要专门的参数

const formData = new URLSearchParams();
formData.append('id', '10');
const xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:8080/s', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(formData.toString());

这样才是对的，
如果你需要上传图片等资源时，往往需要换成multipart/form-data
而参数体就需要换成下面的

  let formData = new FormData()
  formData.append('file', file.raw)// 传文件
  ...
  xml.send(formData);

其他的我就不过多讲解了，与后端讨论后如果有不会的直接上网搜这块，搜素范围给你缩小了，