Ajax中的跨域请求使用jsonp技术解决Ajax跨域

Ajax中的跨域请求使用jsonp技术解决Ajax跨域

Ajax中的跨域请求使用jsonp技术解决Ajax跨域

1、模拟Ajax中的跨域请求

2.运行结果：

3、跨域请求原理图

4.什么是跨域请求

•Ajax技术由于受到浏览器的限制，该方法不允许跨域通信。

•同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。

早期解决方案

5.使用jsonp技术解决Ajax跨域问题

JSONP是一个非官方的协议，它允许在服务器端集成script tags返回至客户端，通过javascript callback的形式实现跨域访问。

面试题：请阐述是json与jsonp，两者是否相同？

两者是完全不同的：

json：一种通用的数据传输格式，主要实现数据的传输与存储

jsonp：一种非官方协议，主要用于解决Ajax的跨域请求问题

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

6.PHP代码