如何深入理解JSONP的工作机制及其在跨域请求中的应用？

本文共计1081个文字，预计阅读时间需要5分钟。

目录- 什么是JSONP- JSONP原理- JSONP具体实现- AJAX中如果进行跨域请求会如何- 使用JSONP，将前端代码中的ajax请求去除- 将前端代码再进行修改- 最后jQuery提供了方便使用JSONP的方式- 什么是“

目录

• 什么是JSONP
• JSONP原理
• JSONP具体实现
• 1.ajax中如果进行跨域请求会如何
• 2.使用JSONP，将前端代码中的ajax请求去掉
• 3.将前端代码再进行修改
• 4.最后jQuery提供了方便使用JSONP的方式

什么是JSONP

首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。

那么JSONP是什么呢？

首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求非同源的URL就可以了，比如www.a.com下的一个页面，其中的ajax请求是不允许访问www.b.com/c.php这样一个页面的。