资讯专栏INFORMATION COLUMN

「JavaScript」JS四种跨域方式详解

wangym / 1506人阅读

摘要:超详细并且带的跨域指南来了本文基于你了解的同源策略,并且了解使用跨域跨域的理由。使用方法就是将符合上述条件页面的设置为同样的二级域名。这两个网站都是协议,端口都是,且二级域名都是。

超详细并且带 Demo 的 JavaScript 跨域指南来了!

本文基于你了解 JavaScript 的同源策略,并且了解使用跨域跨域的理由。

1. JSONP

首先要介绍的跨域方法必然是 JSONP。

现在你想要获取其他网站上的 JavaScript 脚本,你非常高兴的使用 XMLHttpRequest 对象来获取。但是浏览器一点儿也不配合你,无情的弹出了下面的错误信息:

XMLHttpRequest cannot load http://x.com/main.dat. No "Access-Control-Allow-Origin" header is present on the requested resource. Origin "http://y.com" is therefore not allowed access.

你心里肯定会想,我难道要用后台做个爬虫来获取这个数据吗?!(;°○° )
为了避免这种蛋疼的事情发生,JSONP 就派上用场了。

阅读需要支付1元查看
<