Vue2.0 vue-source jsonp 跨域请求


Posted in Javascript onAugust 04, 2017

本文介绍了Vue2.0 vue-source jsonp 跨域请求,分享给大家,希望对大家有所帮助

以调用百度的输入提示接口为例

Vue2.0 vue-source jsonp 跨域请求

Vue2.0 vue-source jsonp 跨域请求

main.js

import Vue from 'vue'

import VueResouse from 'vue-resource'

import App from './App.vue'

Vue.use(VueResouse)

new Vue({

 el: '#app',

 render: h => h(App)

});

App.vue

<script>

export default {

 name: 'app',

 data () {

  return {

   myData:[],

   v1:""

  }

 },

 methods:{

  show:function(){

   this.$http.jsonp("https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",

   {//请求参数

    params: {

     wd:this.v1

    },

    jsonp:'cb'

   }).then(function(res){

    console.log(JSON.parse(res.bodyText).s)

    this.myData = JSON.parse(res.bodyText).s

    console.log(this.myData)

   },function(){

    //console.log(1)

   });

  }

 }

}

</script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
浅析return false的正确使用
Nov 04 Javascript
Javascript高级技巧分享
Feb 25 Javascript
JavaScript中实现异步编程模式的4种方法
Sep 24 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
深入理解jQuery事件绑定
Jun 02 Javascript
基于jQuery实现顶部导航栏功能
Dec 27 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
Node.js API详解之 zlib模块用法分析
May 19 Javascript
js分页之前端代码实现和请求处理
Aug 04 #Javascript
微信小程序 rich-text的使用方法
Aug 04 #Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 #Javascript
JS中使用media实现响应式布局
Aug 04 #Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 #Javascript
node中Express 动态设置端口的方法
Aug 04 #Javascript
微信小程序 同步请求授权的详解
Aug 04 #Javascript
You might like
一个程序下载的管理程序(四)
2006/10/09 PHP
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
javascript高级学习笔记整理
2011/08/14 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
js自定义回调函数
2015/12/13 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
JS实现拼图游戏
2021/01/29 Javascript
Python中operator模块的操作符使用示例总结
2016/06/28 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
美国眼镜网站:LensCrafters
2020/01/19 全球购物
英文简历中的自荐信范文
2013/12/14 职场文书
化学实验员岗位职责
2013/12/28 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
保险公司年会主持词
2014/03/22 职场文书
教师工作态度自我评价
2015/03/05 职场文书
单位工资证明范本
2015/06/12 职场文书
五年级作文之想象作文
2019/10/30 职场文书
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python