首页 / JSON / 14、跨域 - jsonp

14、跨域 - jsonp

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了14、跨域 - jsonp，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含892字，纯文字阅读大概需要2分钟。

内容图文

## 同源策略
协议 域名 端口    3个都一致叫同域，有1个不一致叫跨域
 
## 为什么浏览器不支持跨域
cookie LocalStorage
DOM元素也有同源策略    iframe
ajax 也不支持跨域
 
## 实现跨域
-  jsonp
-  cors
-  postMessage
-  document.domain    子域和父域
-  window.name    
-  location.hash
-  http-proxy    反向代理
-  nginx
-  websocket 
 
jsonp方式：
                function
                 jsonp({url, params, cb}) {
  
                return
                new Promise((resolve, reject) => {
    const script = document.createElement(‘script‘)
    window[cb] = (data) => {
      resolve(data)
      document.body.removeChild(script)
    }
    params = {...params, cb}    // wd=b&cb=show
    let arrs = []
    for (let key in params) {
      arrs.push(`${key}=${params[key]}`)
    }
    script.src = `${url}?${arrs.join(‘&‘)}`
    document.body.appendChild(script)
  })
}
// 缺点：只能发送get请求
// 不安全 xss攻击 不采用jsonp({
  url: ‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su‘,
  params: {wd: ‘b‘},
  cb: ‘show‘
}).then(data => {
  console.log(data)
})

 

原文：https://www.cnblogs.com/zouxinping/p/10339450.html

内容总结

以上是互联网集市为您收集整理的14、跨域 - jsonp全部内容，希望文章能够帮你解决14、跨域 - jsonp所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1283482.html

来源：【匿名】