Ajax中的跨域请求（跨源请求）

1、模拟Ajax中的跨域请求

运行结果：

2、跨域请求原理图

3、什么是跨域请求• Ajax技术由于受到浏览器的限制，该方法不允许跨域通信。• 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。

4、为什么要解决跨域请求问题① 内部开发（crm客户关系管理系统、erp系统、oa系统）精通php：oa系统与erp系统erp系统需要共享oa系统的相关数据，要求使用Ajax技术，所以需要想不同域下发送请求 ② 手机app开发手机（Android、IOS）à 数据 à PHP后台中获取到的（跨域问题）

5、早期解决方案

以上方式虽然可以解决跨域问题，但是整个流程是不可控的。

6、使用jsonp技术解决Ajax跨域问题JSONP是一个非官方的协议，它允许在服务器端集成script tags返回至客户端，通过javascript callback的形式实现跨域访问。 面试题：请阐述是json与jsonp，两者是否相同？两者是完全不同的：json：一种通用的数据传输格式，主要实现数据的传输与存储jsonp：一种非官方协议，主要用于解决Ajax的跨域请求问题

例：使用jsonp技术解决Ajax跨域问题：