时间：2021-07-01 10:21:17 帮助过：4人阅读
如果只是加载另一个域的内容，而不需要访问其中的数据的话，跨域是很简单的，比如使用iframe。但如果需要从另一个域加载并使用这些数据的话，就会比较麻烦。为了安全性，浏览器对这种情况有着严格的限制，需要在客户端和服务端同时做一些设置才能实现跨域请求。
JSONP简介
JSONP（JSON with Padding）是一种常用的跨域手段，但只支持JS脚本和JSON格式的数据。顾名思义，JSONP是利用JSON作为垫片，从而实现跨域请求的一种技术手段。其基本原理是利用HTML的
使用getJSON时，需要在参数中指定jsoncallback=?，这个就是前面所说的回调函数，JQuery会自动以一个随机生成的值（回调函数名）来替换该参数中的问号部分，从而形成jsoncallback=jQueryxxxxxxx这种形式的参数，然后和其他参数一起使用GET方式发出请求。
使用第一种方式时，只要将dataType参数的值指定为jsonp，JQuery就会自动在请求地址后面加上jsoncallback参数，因此无需手动添加。
JQuery跨域请求的缺陷：错误处理
跨域请求可能会失败，比如对方服务器的安全设置拒绝接受来自我方的请求（我方不在对方的信任列表中），或者网络不通，或对方服务器已关闭，或者请求地址或参数不正确导致服务器报错等等。
在JQuery中，当使用ajax或getJSON发送请求后会返回一个jqXHR对象[3]。该对象实现了Promise协议，所以我们可以使用它的done、fail、always等接口来处理回调。例如我们可以用在它的fail回调中进行请求失败时的错误处理：
这种方式能够处理“正常的错误”，例如超时、请求被中止、JSON解析出错等等。但它对那些“非正常的错误”，例如网络不通、服务器已关闭等情况的支持并不好。
例如当对方服务器无法正常访问时，在Chrome下你会在控制台看到一条错误信息：
JQuery不会处理该错误，而是选择“静静地失败”：fail回调不会执行，你的代码也不会得到任何反馈，所以你没有处理这种错误的机会，也无法向用户报告错误。
一个例外是在IE8。在IE8中，当网络无法访问时，
在新浏览器中，当发生错误时将会触发error事件，从而执行onerror回调弹出alert对话框：
但是麻烦在于，JQuery不会把这个
可以看到script是一个局部变量，从外部无法获取到。
那有没有解决办法呢？当然有：
前两种不说了，如果愿意大可以选择。下面介绍另一种技巧。
通过以上源码可以发现，JQuery虽然没有暴露出script变量，但是它却“暴露”出了
这样我们就可以在所有浏览器（严格来说是绝大部分，因为我没有测试全部浏览器）里捕获到“非正常错误”了。
这样捕获错误还有一个好处：在IE7、8之外的其他浏览器中，当发生网络不通等问题时，JQuery除了会静默失败，它还会留下一堆垃圾不去清理，即新创建的
这样一来就趋于完美了。
完整代码
以上代码在IE8、IE11、Chrome、FireFox、Opera、360下测试通过，其中360是IE内核版本，其他浏览器暂时未测。
希望本文对大家学习，帮助大家解决jQuery使用JSONP时产生的错误。