JS跨域请求的实例问题分析
- 更新时间：2020-05-18 11:12:54
- 编辑：熊沁媛
同源策略
在运行中我们有时会出错是因为我们违反了同源策略，这是一种浏览器所实施的安全措施，用于限制具有不同来源的文档之间的交互。页面的来源由其协议，主机和端口号定义。具有相同来源的资源可以相互完全访问。但是如果具有不相同的源将会拒绝访问。
http://www.a.com/a.js http://www.b.com/a.js 这两个之间就不可以互相访问，因为域名的不相同
域名组成
如果上面两个域名想互相访问就需要跨域请求，一般情况下同源政策规定：允许跨源 写入，而不允许跨源 读取这意味着同源政策不会阻止将数据写入，只会禁止他们从域中读取数据， 或者对从其域收到的响应做任何事情。
跨域请求的方法
JSONP
JSONP 称为带有填充的JavaScript对象表示，是一种通过利用HTML页面中的脚本标记可以来加载来自不同来源的代码来执实现跨域请求的方法。JSONP依赖于<script>标签可以来自不同来源的事实。当浏览器解析<script>标记时，它将获取脚本内容，并在当前页面的上下文中执行它。通常，服务将返回HTML或以XML或JSON等数据格式表示的某些数据。但是，当向启用JSONP的服务器发出请求时，它会返回一个脚本块，该脚本块在执行时会调用页面指定的回调函数，并将实际数据作为参数提供
注意：它没有相同的源点限制，即使在旧浏览器中也具有良好的兼容性但是JSONP只能用于执行跨域GET请求，服务器必须显式支持JSONP请求。
CORS方法
为服务器提供了一种机制，告诉浏览器可以请求域A读取来自域B的数据。通过在响应中包含一个新的 Access-Control-Allow-OriginHTTP头来完成的，当浏览器收到来自跨源源的响应时，它将检查CORS头。如果响应头中指定的源点与当前源点相匹配，则允许对响应进行读访问，否则就会报错。
与jsonp相比，CORS具有以下优势：
它不仅支持GET请求，还支持POST等其他请求
它可以使用XMLHttpRequest发送和接收数据，并具有更好的错误处理机制
总结：以上就是本篇文章的全部内容了，希望对大家学习有所帮助，感谢大家对码农之家的支持。
相关教程
-
js解决ajax读取本地文件时跨域问题
本篇文章主要介绍了解决ajax不能访问本地文件问题（利用js跨域原理），具有一定的参考价值，有兴趣的可以了解一下。
发布时间：2020-02-09
-
jQuery与JSONP实现跨域访问的实例方法
本篇文章主要是对使用jQuery与JSONP轻松解决跨域访问的问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
发布时间：2019-11-20
-
Springboot跨域访问不使用jsonp的简单方法
这篇文章主要介绍了Springboot 实现跨域访问 无需使用jsonp的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
发布时间：2020-01-01
-
实例解析jquery ajax jsonp跨域调用
今天研究了AJAX使用JSONP进行跨域调用的方法，发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下，方便需要的朋友
发布时间：2020-03-16
-
移动网页设计与开发：HTML5+CSS3+JavaScript
将落伍的网址打导致更为灵便、友善，而且令其充分运用不一样机器设备和电脑浏览器的与众不同优点。根据《移动网页设计与开发HTML5+CSS3+JavaScript》，您将为投身第一线开发充分准备！ *內容
大小：30.2 MB移动开发电子书
-
JavaScript网页动画设计
JavaScript网页动画设计 由业界先进的动画库Velocity。js的作者所著，书中内容共分为8章，简明扼要地总结了在网页上使用动画的技术技巧，让读者掌握如何有效利用动画实现无与伦比的用户体验
大小：26 MBJavaScript电子书
-
JavaScript忍者秘籍
这是由jQuery库创始人编写的一本深入剖析JavaScript语言的书，从不同层次讲述了逐步成为JavaScript高手所需的知识，适合具备一定JavaScript基础知识的读者阅读
大小：38.6 MBJavaScript电子书
-
JavaScript函数式编程
JavaScript 是近年来非常受瞩目的一门编程语言，它既支持面向对象编程，也支持函数式编程。本书专门介绍JavaScript函数式编程的特性。
大小：42158 MB MJavaScript
-
学习JavaScript数据结构与算法(第3版)
大小：13.6 MBJavaScript电子书
-
JavaScript启示录
《JavaScript启示录》无关于JavaScript设计模式，也无关于JavaScript面向对象代码实现。《JavaScript启示录》意图通过考察原生JavaScript对象和不同环境对原生对象的支持和细微差别。
大小：24.4 MBJS电子书
-
Head First JavaScript程序设计
大小：71.2 MBJavaScript电子书
-
JavaScript前端开发案例教程
JavaScript是这种运用于Web前端开发的开发语言，具备简易、易懂、实用的特性，用JavaScript开发设计网页页面能够提高网页页面的参与性，为客户出示即时的、动态性的互动感受。 《 JavaScript前端
大小：75.1 MBJS前端电子书
-
JavaScript DOM编程艺术
非常畅销书全新升级，首版销售量确保。 书中详细说明开发Web运用的基石W3C的DOM标准，由提倡Web标准的大神领军人物执笔用心编写，表明了前端工程师的人生真谛，是学习培训JavaScript和DOM开发
大小：109.2 MBJavaScript电子书
-
JavaScript for PHP Developers
大小：27.4 MBJavaScript电子书
