Request Headers - ContentType

解决文件下载名字乱码时,想到一个问题。

请求头的ContentType什么时候设置的?谁设置的?


首先说明几点细节:

① ContentType默认为text/html,charset=ISO8859-1;

② 有些JS插件可能会对其进行设置;

③ ajax 发送post请求会默认将charset设置为UTF-8;MIME类型视情况而定;

④ 表单的两种MIME类型:application/x-www-form-urlencoded和multipart/form-data;具体参看form的基本enctype属性

⑤ 发送请求未拿到响应前,会有一个临时headers;拿到响应后为正式headers;

⑥ 正常提交表单,不会设置charset,会设置MIME类型。

⑦ 常见的四种MIME:

text/html;
application/json;
multipart/form-data;
application/x-www-form-urlencoded

application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。具体点击查看四种常见的ContentType

⑧ 使用IE浏览器-编码,会设置页面编码!

说明:jsp页面pageEncoding、后台过滤器与Tomcat配置统一使用的都是UTF-8。如果浏览器编码设置为其他,如ISO8859-1,那么存到数据库的将会是乱码!!


【下面看几组截图】:

① get请求,url参数非汉字


② get请求,url参数有汉字进行了编码(手动或自动)

无ContentType!!


③ ajax提交表单,获取响应前

④ ajax提交表单,获取响应后

ContentType:application/x-www-form-urlencoded;charset=UTF-8


⑤ submit正常提交表单,method=post,获取响应前

⑥ submit正常提交表单,method=post,获取响应后

ContentType:application/x-www-form-urlencoded ,无charset。


⑦ submit正常提交表单,method=get,获取响应前

⑧ submit正常提交表单,method=get,获取响应后

ContentType:无 !!。


⑨ ajax.get提交表单,获取响应前

⑩ ajax.get提交表单,获取响应后

无 ContentType!!


Tips:

无 ContentType 意思是使用默认值!!

综上可知:

使用post提交表单时,会改变MIME;

ajax提交表单(post)时,改变MIME和charset;

get方式,使用默认值!

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...