专栏首页前端说吧跨域 - jsonp轻松搞定跨域请求

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

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

var myscript = document.createElement('script');
myscript.src = '接口地址?callback=handleFun';  //callback一定要有,否则报错。

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

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

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

jsonp优缺点:  

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

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

2018-08-23  14:31:00

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 三种方法解决LI和内部Img的上下间距问题

    xing.org1^
  • JS-随机div颜色

    xing.org1^
  • CSS3-canvas绘制线性渐变

    xing.org1^
  • 英特尔Movidius神经元计算棒(NCS)基于ROS的实现与封装

    如今,人工智能的热潮正在席卷各行各业,而计算力和数据、算法一同支撑着人工智能的蓬勃发展。作为人工智能的一个重要分支,深度学习以其良好的表现,越来越受到业界的广泛...

    机器人网
  • 一条关于swap争用的报警邮件分析(一)(r7笔记第28天)

    最近这些天有一台服务器总是会收到剩余swap过低的告警。 邮件内容大体如下: ############ ZABBIX-监控系统: --------------...

    jeanron100
  • 英特尔Movidius神经元计算棒(NCS)基于ROS的实现与封装

    如今,人工智能的热潮正在席卷各行各业,而计算力和数据、算法一同支撑着人工智能的蓬勃发展。作为人工智能的一个重要分支, 深度学习以其良好的表现,越来越受到业界的广...

    机器人网
  • 2015.12.14 HTML5真题练习

    HTML5学堂:每天一道题,强壮程序员!今日主要涉及12.11,关于函数递归调用题目的解答,以及一道涉及变量类型的题目。 HTML5真题【2015.12.11】...

    HTML5学堂
  • Android 尝试解决 Gradle 升级时 offline mode 类型问题

    和尚每次升级 AndroidStudio 和 Gradle 都倍感头疼,这次和尚从 2.3.3 升级到 3.1.4 版本,被 Gradle 的 of...

    阿策
  • python接口自动化1-发送get请求

    前言 requests模块,也就是老污龟,为啥叫它老污龟呢,因为这个官网上的logo就是这只污龟,接下来后面的自动化都离不开它。 一、环境安装 1.用pip安装...

    上海-悠悠
  • 网页开发背景出现下雪特效

    今天我来给大家介绍一种网页特效,这种网页特效是是背景出现下雪的效果,非常的绚丽。如果说下雪不太适合自己的网页,需要飘落一些花瓣或心之类的,那么同样可以使用这个特...

    无邪Z

扫码关注云+社区

领取腾讯云代金券