四种post提交方式

application/x-www-form-urlencoded

这是最常见的提交方式，是表单的默认提交方式，因为http协议是以 HTTP 协议是以 ASCII 码传输 ，所以传之前会对 key1=value1&key2=vlaue2 key,value进行URL转码。不过一般不用手动进行这种编码和转码，因为浏览器进行表单提交前会自动处理好。在使用ajax方式提交的时候，我们需要自己处理，处理方式就是要提交的每个key,value,执行encodeUrlComponent 然后组合成 key1=value1&key2=vlaue2 的格式提交。
可以看出，和get 提交对数据编码方式一样，不同的是，get 是把数据直接放在url后面，post是把数据放在body里。post提交的一大优势是可以一次传输更多数据。

multipart/form-data

当需要提交图片，或文件的时候，就需要multipart/form-data 格式了。 如果文件较小，一次上传就可以了。 如果文件较大 用file.slice分割一下

var formData = new FormData();
var fileData = file.slice((num - 1) * blockSize, nextSize);
formData.append("file", fileData);
formData.append("fileName", file.name + time);

application/json

application/json 这种方案，可以方便的提交复杂的结构化数据，这种POST提交方式越来越多，用来告诉服务端消息主体是序列化后的 JSON 字符串。
由于JSON规范的流行，出了低版本的IE之外，各大浏览器都支持 JSON.stringify 将JSON数据字符串化（编码）传到服务器，还可以通过 JSON.parse 将字符串转化（解码）为JSON数据供前端渲染或者其他处理。

对于数据有较多层次的情况，这种格式最适合。在发送之前，最好先urlencode一下。在服务端先解码，再parseJson

let json={a:1}
let jsonString=JSON.strinify(json)
let sendValue=encodeUrlCompoent(jsonString)

application/json属于特殊请求，不在三个简单请求之列，所以如果是跨域请求，会首先发一个optiony请求，验证可以后再发第二个请求。
最后说一点，form 表单提交只可以提交 application/x-www-form-urlencoded,multipart/form-data,text/plain 这三种，如果要提交 json,也可以，反正都是纯文本，后端处理就行，但这样不规范，自己用还行，通用性会很差。最好是用 ajax的方式提交。

text/xml

现在基本不用.
默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的，XMLHttpRequest 2的一个重要改进就是提供了对授信请求访问的支持。

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.xxx.com/api');
xhr.withCredentials = true;
xhr.onload = onLoadHandler;
xhr.send();

参考：
https://juejin.im/post/5b365c71f265da59bf7a0edb#heading-3
https://www.duhongwei.site/blog/2019/02/http-request.html
https://imququ.com/post/four-ways-to-post-data-in-http.html