前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >跨域 - jsonp轻松搞定跨域请求

跨域 - jsonp轻松搞定跨域请求

作者头像
xing.org1^
发布2018-09-20 10:27:40
2.5K0
发布2018-09-20 10:27:40
举报
文章被收录于专栏:前端说吧

1.jsonp轻松搞定跨域请求 vue中使用axios,遇到跨域我就蒙逼了。第一次真正意义上的尝试使用jsonp js中用

代码语言:javascript
复制
var myscript = document.createElement('script');
myscript.src = '接口地址?callback=handleFun';  //callback一定要有,否则报错。

// 然后将这个script标签嵌入页面,
document.body.appendChild(myscript);

然后页面中,事先准备一段函数代码,这个函数正是jsonp定义的callback回调函数。

代码语言:javascript
复制
function handleFun(response){
   console.log(response);
 // 接下来根据业务需要,就像处理返回的接口数据一样处理response
}

jsonp优缺点:  

优点:没有跨域问题,没有接口请求问题。 缺点:   1. 不安全,可能被恶意在script里边塞入攻击代码   2. 不可控,没办法监听接口数据是否响应成功并返回。

其他跨域解决方法持续更新中...

2018-08-23  14:31:00

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档