js 使用ajax设置和获取自定义header信息的方法小结
本文实例讲述了js使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考,具体如下:
1、jsajax设置自定义header
1.1方法一:
$.ajax({ type:"POST", url:"Handler1.ashx", contentType:"application/x-www-form-urlencoded", beforeSend:function(request){ request.setRequestHeader("token1","Chenxizhang"); }, success:function(data){ //yourcode } });
1.2方法二:
$.ajax({ headers:{ "testheader":"test" }, type:"POST", url:"Handler1.ashx", contentType:"application/x-www-form-urlencoded", success:function(data){ //yourcode } });
2、jsajax获取请求返回的response的header信息
ajax请求完成,会返回xhr(XMLHTTPRequest)对象,这里面会包含返回的头信息,可以通过getResponseHeader(key)和getAllResponseHeaders()获取header信息;
$.ajax({ type:"POST", url:"Handler1.ashx", contentType:"application/x-www-form-urlencoded", success:function(data){ //yourcode }, complete:function(xhr,data){ /* 获取相关HttpResponseheader getResponseHeader(key):获取指定头信息 getAllResponseHeaders():获取全部可默认可获取的头信息 */ vardate=xhr.getResponseHeader('Date');//服务器端时间 //获取服务端自定义的header信息 varstoken=xhr.getResponseHeader('servertoken'); varlist=xhr.getAllResponseHeaders(); console.log(list); /* date:Fri,12Jul201912:41:00GMT content-encoding:gzip server:Microsoft-IIS/10.0 x-aspnet-version:4.0.30319 x-powered-by:ASP.NET vary:Accept-Encoding content-type:text/plain;charset=utf-8 servertoken:test1 cache-control:private content-length:129 */ } });
3、jsajax跨域请求的情况下获取自定义的header信息
JSAJAX跨域请求的时候是不能设置自定义的header信息的,但是是可以在response中获取到服务端自定义的header信息,前提是服务端设置了Access-Control-Expose-Headers;
下面是ASP.NET的服务端示例:
publicvoidProcessRequest(HttpContextcontext) { context.Response.AddHeader("Access-Control-Allow-Origin","*"); context.Response.AddHeader("Access-Control-Allow-Headers","*"); context.Response.AddHeader("Access-Control-Allow-Methods","*"); //自定义header信息 context.Response.AddHeader("servertoken","test"); context.Response.AddHeader("Access-Control-Expose-Headers","servertoken"); context.Response.ContentType="text/plain"; context.Response.Write("HelloWorld"); }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中ajax操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。