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 相关文章推荐
jquery随机展示头像代码
Dec 21 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php 什么是PEAR?
2009/03/19 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
php实现简易计算器
2020/08/28 PHP
ExtJS的拖拽效果示例
2013/12/09 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
jQuery表格的维护和删除操作
2017/02/03 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
JavaScript之json_动力节点Java学院整理
2017/06/29 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
python实现梯度法 python最速下降法
2020/03/24 Python
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
关于工资低的辞职信
2014/01/14 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
银行求职信范文
2014/05/26 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
护士工作心得体会
2016/01/25 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
mysql联合索引的使用规则
2021/06/23 MySQL
关于Oracle12C默认用户名system密码不正确的解决方案
2021/10/16 Oracle
Spring 使用注解开发
2022/05/20 Java/Android