关于http的header()头信息示例

以你之姓@ 2022-06-05 04:11 221阅读 0赞

客户端 按照原来的写，你需要处理的是 服务端 响应头的设置

# 1.第一步 设置响应头 #

header('Access-Control-Allow-Origin:\*');  //支持全域名访问，不安全，部署后需要固定限制为客户端网址

header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); //支持的http 动作

header('Access-Control-Allow-Headers:x-requested-with,content-type');  //响应头 请按照自己需求添加。

# 2.第二部 了解IE chrome 等浏览器  #

对于 跨域请求并要求设置Headers自定义参数的时候的 "预请求"   就是如果遇到 跨域并设置headers的请求，所有请求需要两步完成！

A 第一步：发送预请求 OPTIONS 请求。此时 服务器端需要对于OPTIONS请求作出响应 一般使用202响应即可 不用返回任何内容信息。（能看到这份手稿的人，本人不相信你后台处理不了一个options请求）

B 第二步：服务器accepted 第一步请求后 浏览器自动执行第二步 发送真正的请求。此时 大多数人 会发现请求成功了，但是 有那么几个人会发现 请求成功了但是没有任何信息返回 why？因为你自定义的请求头在服务器响应中不存在！

查看console输出 会发现一个问题：

“Access-Control-Allow-Headers 列表中不存在请求标头 XXXXXX”【IE】，

request header field xxxxxx is not allowed by Access-Control-Allow-Header【chrome】

这是因为 你的XXXX请求头 没有在服务器端被允许哦~

遇到这个问题 只有通过修改服务器端来完成，举例：需要设置 requesttype这么一个自定义头，那么 你需要在 服务端里面 将header('Access-Control-Allow-Headers:x-requested-with,content-type，requesttype');  同学们自行体会吧 这种语法就是根据“,”分割 自己需要设置什么头，必须要在 服务端请求的响应头里面设置好，不然客户端永远永远提交不上去！

至此  JavaScript/ajax  跨域+ 修改httpheader 任务完美实现。

"人们都一直在抱怨 JavaScript同源策略限制了web前端的发展！然而是服务端做的不够细致！"

部分代码参考如下：代码只是提供了思想，具体步骤还要根据以上的文字 自行揣摩实现。以上内容看不懂 说明对于web一点也不了解，需要买本书看看喽~

客户端代码：

![SouthEast][]

服务器端代码

![20171116225639420][]

[SouthEast]: /images/20220605/9ba2b5831ecd4857be880e95f58d1be4.png
[20171116225639420]: /images/20220605/80030cfcaa094356bd19b3e074f81526.png

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java--HTTP Request Header 请求头

<table> <tbody> <tr> <td>Accept</td> <td>指定客户端能够接收的内容类型</td> <td>Accept

た入场券/ 2022年12月23日 09:55/ 0 赞/ 223 阅读

相关 HTTP：header头总结

Header 端到端标头：这些标头必须传输到消息的最终接收者：请求的服务器，或响应的客户端。中间代理必须未经修改地重新传输这些标头，并且缓存必须存储它们

小鱼儿/ 2022年09月03日 04:28/ 0 赞/ 209 阅读

相关 HTTP Header消息头详解

`HTTP消息头`是指，在超文本传输协议（ Hypertext Transfer Protocol ，HTTP）的请求和响应消息中，协议头部分的那些组件。HTTP消息头用来准确

缺乏、安全感/ 2022年09月01日 13:52/ 0 赞/ 229 阅读

相关 HTTP协议header标头详解

本文根据RFC2616(HTTP/1.1规范),参考 [http://www.w3.org/Protocols/rfc2068/rfc2068][http_www.w3.or

谁践踏了优雅/ 2022年08月18日 00:53/ 0 赞/ 241 阅读

相关 HTTP协议header标头详解

本文转载自 [http://blog.csdn.net/rainysia/article/details/8131174][http_blog.csdn.net_rainysi

浅浅的花香味﹌/ 2022年06月17日 06:46/ 0 赞/ 464 阅读

相关 Http Header信息

Http Header信息 REMOTE\_ADDR – 访问客户端的 IP 地址 HTTP\_VIA – 如果有该条信息, 就证明您使用了代理服务器,代理服务

逃离我推掉我的手/ 2022年06月07日 00:08/ 0 赞/ 213 阅读

相关关于http的header()头信息示例

客户端按照原来的写，你需要处理的是服务端响应头的设置 1.第一步设置响应头 header('Access-Control-Allow-Origin:\');

以你之姓@/ 2022年06月05日 04:11/ 0 赞/ 222 阅读

相关 HTTP请求的Header信息详解

1 、 HTTP 请求方式如下表： <table style="line-height:normal;border-collapse:collapse;"> <tb

阳光穿透心脏的1/2处/ 2022年05月15日 09:27/ 0 赞/ 251 阅读

相关 HTTP请求的header头解析

Request Headers：下图是我访问一个URL：http://www.hzau.edu.cn的一个header,根据具体实例来分析一下各部分的功能及其作用。 ![

左手的ㄟ右手/ 2022年04月01日 07:50/ 0 赞/ 321 阅读

相关 HTTP头信息含义

HTTP 头信息解释 1. Accept：告诉 WEB 服务器自己接受什么介质类型，\/\ 表示任何类型，type/\ 表示该类型下的所有子类型，type/sub-type。

左手的ㄟ右手/ 2022年02月03日 08:15/ 0 赞/ 276 阅读