Ajax跨域CORS

摘要:
在Ajax 2.0中,CORS允许我们跨域,但有几个限制:Origin、Methods、Headers和Credentials1.Origin。当浏览器使用Ajax跨域请求时,它会带来一个请求头“Origin:protocol://page域名”,服务器需要返回响应头“Access Control Allow Origin:protocol://corresponding域名“.If Origin and Access Control All

在Ajax2.0中多了CORS允许我们跨域,但是其中有着几种的限制:Origin、Methods、Headers、Credentials

1.Origin

当浏览器用Ajax跨域请求的时候,会带上一个请求头“Origin: 协议://页面域名”,而服务器需要返回一个响应头“Access-Control-Allow-Origin: 协议://对应域名,如果Origin和Access-Control-Allow-Origin不同,浏览器就会报错,服务器返回的信息也会被浏览器禁止使用

2.Methods

默认允许跨域的方法只有三种:GET、POST和HEAD

很多时候我们会用到一些Resful接口,method会涉及到PUT、DELETE等等,这个时候CORS要求服务器增加响应头”Access-Control-Allow-Methods: PUT,DELETE“

3.Headers

CORS默认有些请求头是不允许的例如自定义请求头 和 content-type

如果我们遇到一些情况需要增加一些自定义的请求头,CORS要求服务器增加响应头”Access-Control-Allow-Headers: 自定义请求头,content-type“

4.credentials

CORS默认是不允许跨域发送COOKIES

如果我们想跨域发送COOKIES,我们需要在前端页面设置xhr.withCredentials=true,服务器增加响应头”Access-Control-Allow-Credentials: true“

浏览器表现的差异

1. 当跨域请求是"非简单请求"的时候(详情看阮老师的文章),浏览器会先发送一个 OPTIONS "预检"请求,新版 Chrome 已经不会发了,Firefox 还是会发 OPTIONS

2. 上面 4 中 Access-Control-Allow-xxx Chrome 都兼容 星号(*),但是 Firefox 只允许 Origin 写 星号(*)。

免责声明:文章转载自《Ajax跨域CORS》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇HP C7000刀片服务器开关机过程软件开发项目的人力资源管理 团队配置问题探讨下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ajax 异步加载显示等待效果

css: #loading {170px;height:25px;border:3px solid #C3DAF9;position:absolute;top:300px;left:600px; z-index:10000; background-color:#F7F9FC;line-height:25px;vertical-align:middle;fo...

1、AJAX里面status的值代表什么 2、get post 的区别 3、怎样把对象转化成字符串 4、闭包、继承、原型、原型链 5 、http传输协议 6、arguments是什么

1、AJAX里面status的值代表什么 在JavaScript里面写AJax的时,最关键的一步是对XMLHttpRequest对象建立监听,即使用“onreadystatechange”方法。监听的时候,要对XMLHttpRequest对象的请求状态进行判断,通常是判断readyState的值为4且status的值为200或者304时执行我们需要的操作...

第九部分 代理的使用(代理设置,代理池的搭建,用代理获取微信公众号文章)

网站采取的反爬虫措施有:弹出验证码,需要登录。检测某个IP在单位时间内的请求次数,超过规定的某个值,服务器拒绝服务,返回一些错误信息,这是封IP。既然服务器封IP,可采用某种方式伪装IP,让服务器不能识别由本机发起的请求,这样来避免封IP。这时就需要使用到代理。一、 代理的设置代理有免费代理和付费代理。免费代理多数情况下不好用,付费代理比较靠谱。付费代理不...

Ubuntu简单搭建git私有服务

gitserver搭建过程 搭建gitserver过程记录 例如以下: 环境: serverUbuntu虚拟机(Boss),能通过网络訪问到(server地址:192.168.9.103)。 clientWin7电脑一台(work) 软件需求: client软件msysgit:http://msysgit.github.io/ 软件版本号:Git-1....

Ajax动态滚动加载数据

看新浪微博,人人网都有这样的效果:滚动条滚动到最下面的时候,新的数据就被自动加载出来了,今天亲自尝试了一下这个效果的实现。 最开始在CSDN上写了一版,功能比较简单,今天又增加了一个小功能:翻页到指定页数后,自动停止。用户点击继续查看后,再继续滚动。看看实现吧: 更新核心滚动代码: $(window).scroll(function(){...

jQuery boxy弹出层对话框插件中文演示及讲解

一、前言jQuery 下的boxy可以说是一个非常实用的插件,尤其在SNS社区型的大型网站上经常见到风格类似的效果,例如开心网,人人网,facebook网站。这个提示对话框插件应用非常广泛,吃透这个jQuery插件,在灵活运用Ajax技术的话,会使网站无论技术还是体验都会有很大的提升的。具体来讲此jQuery插件包括:提示、确认,拖拉、改变大小、Ajax...