Vue2.0 vue-source jsonp 跨域請求
更新時間：2017年08月04日 17:09:25 作者：幽竹小妖
這篇文章主要介紹了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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue2.x 對象劫持的原理實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要介紹了Vue批量圖片顯示時遇到的路徑被解析問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了?Vue路由跳轉步驟詳解，主要介紹當訪問API成功后跳轉到新的Vue頁面怎么處理，感興趣的朋友跟隨小編一起看看吧2023-07-07
這篇文章主要介紹了vue3中ref綁定dom或者組件失敗的原因及分析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue3中的keep-alive組件用于緩存頁面,以便在切換頁面時保留其狀態(tài),下面這篇文章主要給大家介紹了關于Vue3除了keep-alive還有哪些實現頁面緩存的相關資料,需要的朋友可以參考下2024-04-04
本文主要介紹了Vuex3和Vuex4有哪些區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
本文主要介紹了el-table和jsplumb實現連線功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
在看這篇文章的幾點要求：需要你先知道Vuex與Vue-Router是個什么東西，用來解決什么問題，以及它的基本使用。如果你還不懂的話，建議上官網了解下Vuex與Vue-Router的基本使用后再回來看這篇文章2022-11-11
我們在會開發(fā)項目的同時,也應該了解一下項目是如何部署到服務器的,下面這篇文章主要給大家介紹了關于vue項目打包并部署到Linux服務器的相關資料,需要的朋友可以參考下2023-01-01
Vue 動態(tài)路由的實現及 Springsecurity 按鈕級別的權限控制
這篇文章主要介紹了Vue 動態(tài)路由的實現以及 Springsecurity 按鈕級別的權限控制的相關知識，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09