
巧妙解决jsonp跨域重定向难题
JSONP请求中,服务器有时会返回window.location.href = ***导致页面跳转,这在跨域场景下尤其棘手。如何获取JSONP返回数据并检测跳转行为呢?
问题分析:
- JSONP无法使用XHR获取数据。
- 直接获取和解析JSONP返回文本不可行。
- 阻止
window.location.href跳转通常失败。
解决方案:利用iframe绕过限制
虽然无法直接拦截跳转,但我们可以利用iframe作为中介。
具体步骤:
- 创建一个隐藏的iframe,其
src属性指向JSONP接口地址。 - 监听iframe的
load事件,在事件回调中获取iframe内容。 - 解析内容,判断是否存在
window.location.href跳转指令。 - 根据判断结果决定是否执行
eval函数。
注意事项:
- 此方法虽然能解决跨域问题,但并非万能。
- 一些服务器可能针对iframe进行
window.top跳转,需要根据实际情况调整。











