content-type疑惑解答也没解答

setRequestHeader请求头必须写在send前面


设置数据格式

发送json格式数据
xhr.setRequestHeader("Content-type","application/json; charset=utf-8");
发送表单数据
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=utf-8");

当表单不指明发送格式时,默认为application/x-www-form-urlencoded。提交的数据是以key1=val1&key2=val2 的方式进行编码
当表单指明发送的格式为enctype=”multipart/form-data”是上传二进制数据;它告诉我们传输的数据要用到多媒体传输协议,由于多媒体传输的都是大量的数据,所以规定上传文件必须是post方法的type属性必须是file

发送纯文本
xhr.setRequestHeader("Content-type", "text/plain; charset=utf-8");
发送html文本
xhr.setRequestHeader("Content-type", "text/html; charset=utf-8");
发送XML文本
xhr.setRequestHeader("Content-type", "text/xml; charset=utf-8");
发送文件数据
xhr.setRequestHeader("Content-type", "multipart/form-data");
// 文件上传必须的请求头

使用FormData的方便之处体现在不必明确地在XHR对象上设置请求头部。XHR对象能够识别传入的数据类型是FormData的实例,并配置适当的头部信息
###responseText

responseText 属性返回从服务器接收到的字符串,该属性为只读。如果本次请求没有成功或者数据不完整,该属性就会等于null。  

如果服务器返回的数据格式是 JSON、字符串、javascript 或 XML,都可以使用 responseText 属性

我在底下做了蛮多的测试,发现主要区别还是在POST和GET的方式上,content-type值并不是那么明显,可能是道行不够吧,如有关于content-type的更好答案,欢迎补充。
参考文章:
https://blog.csdn.net/jiangcs520/article/details/70141901
https://blog.csdn.net/qlcql/article/details/51206972

你可能感兴趣的:(JS,项目笔记)