1.前端要把数据发送到服务器，一般有两种方式：通过form表单提交；通过Ajax（xhr对象）发送。
2.通过Ajax（xhr对象）发送数据时，发送的数据的形式可以为FormData对象或json字符串。
3.通过这两种方式发送数据时，常见的Content-Type请求头的值如下：
| Content-Type的值 | form表单 | Ajax（xhr） |
| multipart/form-data | 可以通过enctype属性设置 | 发送的数据形式为FormData时的默认值 |
| application/x-www-form-urlencoded | 默认。即未设置enctype属性时的默认值 | 可以通过setRequestHeader方法设置 |
| application/json | 不支持。可以通过enctype属性设置，但提交时会自动转为application/x-www-form-urlencoded | 可以通过setRequestHeader方法设置 |
| text/plain | 可以通过enctype属性设置 | 发送的数据形式为字符串时的默认值。包括JSON.Stringify方法返回的json字符串 |
以上内容在Chrome浏览器与新版的Edge浏览器下测试。
注意：
1.如果需要上传文件到服务器，则必须使用multipart/form-data;
2.form表单中可以通过修改form元素的enctype属性值来修改Content-Type，其值可以取multipart/form-data，application/x-www-form-urlencoded，text/plain三者之一；
3.xhr中可以通过setRequestHeader来设置Content-Type，其值可以取上面表格显示的四种类型中的任何一种；
4.nodejs的Express框架中的body-parser中间件可以解析application/x-www-form-urlencoded，applicaion/json两种类型的值。当Content-Type的值为这两种类型时，提交上来的内容会被自动解析并放入req.body中；当Content-Type的值为multipart/form-data，text/plain时，提交的内容不会被自动解析，此时req.body为{}；
5.服务器端接收不到前端提交上来的数据时，一个可能的原因是请求头的Content-Type值没有正确设置。