如何通过JSONP技术巧妙地解决JavaScript跨域请求难题？

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

现代编程中，前后端均已分离部署。前端拥有独立域名，后端也有自己的域名。受限于浏览器同源策略，非同源下的请求可能会产生跨域问题。解决跨域问题的方法有多种，例如：使用JSONP、CORS、代理服务器等。

现代编程中前后端都已经是分开部署了，前端有自己的域，后端也有自己的域。由于浏览器同源策略的限制，非同源下的请求，就会产生跨域问题。解决跨域问题的方法有很多种，例如CORS(cross orign resources share)和JSONP。这里我就着重介绍一下jsonp的解决方案。

一：基础概念

同源策略：同一协议，同一域名，同一端口号。只要不满足三者其中一种都是属于跨域问题。

举几个简单的例子

1: www.a.com:8080到www.a.com:8080的请求会出现跨域（域名、端口相同但协议不同）

2: www.a.com:8080到www.b.com:8080的请求会出现跨域（协议、端口相同但域名不同）

3: www.a.com:8080到www.a.com:9090的请求会出现跨域（协议、域名相同但端口不同）

跨域：跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。