ajax content-type怎么设置
1、首先简单的介绍下Content-Type,在协议消息头中,使用Content-Type来表示具体请求中的媒体类型信息。一芫王墙错般ajax请求头和响应头中,都会有Content-Type,请求头中的Content-Type是告诉服务器,客户端数据的类型,这样服务器才知道怎么解析和处理数据,而响应头是服务器告诉客户端,服务器返回的数据类型,这样浏览器才知道将以什么形式、什么编码读取这个响应数据,如下图是常见的几种类型
2、先来说明下原生的ajax设置Content-type方法,原生是ajax请求步骤较为繁琐(后面会介绍如何通过jquery来实现),先是创建XMLHttpRequest对象
3、设置请求类型、地址、是否异步open(method,url,async)method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)如下图:
4、设置响应回调方法xmlhttp.onreadystatechange,用于接收和处理响应数据
5、设置请求头,这里设置Content-typexmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");接着发送请求数据到服务器,send方法里面是请求的数据内容,因为Content-type设置为application/x-www-form-urlencoded,所以这里数据是key/value格式
6、以上原生的ajax示例已经完成,可以运行起来看看效果,从网页调试工具中可以看到ajax请求头和响应头,里面可以看到Content-type
7、下面介绍下jquery方式的ajax请求以及Content-type的设置,contentType发送信息至服务器时内容编码类型url 请求地址dataType预期服务器返回的数据类型data发送到服务器的数据success请求成功后的回调函数error请求失败时调用此函数
8、运行之后查看效果,和原生的效果一样,对比下两种方法,是不是jquery方式更为简单。在实际的项目开发中,如果有现成的成熟框架,最好不要自己去实现,借助第三方框架可以提高工作效率,也能有更好的功能和性能