🎉使用JSONP解决跨域


1.首先需要知道什么是跨域

  • 浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域

  • 出于浏览器的同源策略限制
    • 同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同 源策略,则浏览器的正常功能可能都会受到影响
  • 同源策略限制内容有:
    • Cookie、LocalStorage、IndexedDB 等存储性内容
    • DOM 节点
    • AJAX 请求发送后,结果被浏览器拦截了

2.什么是JSONP

  • JSONP是JSON with Padding的略称,JSONP为民间提出的一种跨域解决方案,通过客户端的script标签发出的请求方式
  • 原理就是通过添加一个

    4.结论

    • 优点:
      • 兼容性比较好,可用于解决主流浏览器的跨域数据访问的问题
      • 不受到同源策略的限制,在请求完毕后可以通过调用 callback 的方式回传结果
    • 缺点:
      • 仅支持get请求;
      • 具有局限性,不安全,可能会受到XSS攻击;
      • 只支持跨域 HTTP 请求这种情况,不能解决不同域的两个页面之间如何进行 Javascript 调用的问题