html中vue資料請求的三種方法

2021-10-07 11:24:57 字數 2279 閱讀 9230

1.resource

vue 要實現非同步載入需要使用到 vue-resource 庫。

vue.js 2.0 版本推薦使用 axios 來完成 ajax 請求。

如果需要傳遞資料,可以使用 this.$http.get(『get.php』,) 格式,第二個引數 jsondata 就是傳到後端的資料。

實現post請求

post 傳送資料到後端,需要第三個引數 。

2.fetch(次方法vue自帶的不需要安裝其他)

get方法

這個方法只能在位址列傳參

//get方法 只能在位址列傳參

)

post方法

)另一種傳參方式

//post 另一種傳參方式

fetch(url, ,

body: json.stringify()}

).then(res =

>

).then(data =

>

)

3.axios

axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中

用法和jq很類似

安裝或者引入cdn位址 npm i axios

post請求

,mounted())

.then(res =

>)}

})

一次執行多個請求

,mounted(

)function fn2(

)//注意這裡必須要使用陣列

axios.all(

[fn1(

) , fn2()]

)//函式裡面對應的數字裡面的值

.then(axios.spread(function (fn1, fn2)))}

})axios

可以自己配置引數

,mounted()}

).then(res =

>)}

})你可以自己定義乙個axios

//這裡建立乙個自定義配置的axios

var init = axios.create(

)// 假設如果很多介面都需要使用 token驗證,可以把token資訊放在請求頭

init.defaults.headers.token = 『1231654984561646546565464654654646321654asdasdasd』

,mounted())

.then(res =

>

)//此方法也是一樣

init.get(『/banner』)

.then(res =

>)}

})

***

請求***和響應***

//請求前

axios.interceptors.request.use(function (config)

, function

(error)

)//響應前

axios.interceptors.response.use(function (config)

, function

(error)),

mounted()}

)

vue中資料請求的三種方法

注意請求可能存在跨域問題,需要去配置好 這三種建議使用axios vue 要實現非同步載入需要使用到 vue resource 庫。vue.js 2.0 版本推薦使用 axios 來完成 ajax 請求。先導入乙個線上cdn的位址,當然還可以去npm安裝,但個人覺得不做專案的話使用這種測試方便 實現...

HTML中的三種定位方式

在一般的前端開發中比較常用的定位有三種 相對定位,絕對定位,固定定位。下面簡要的說明一下他們的使用特點 相對定位position relative 1.它可以在四個方向分別或者同時進行偏移 2.定義時它的參照物是父元素 沒有時為瀏覽器本身 3.偏移後元素的原來位置還是被佔著,並沒有空出來 4.當父元...

html中css的三種樣式

在html中定義css樣式的方法有三種,新建css檔案 使用link 關聯 這種是最常用的外部引用樣式,第二種講樣式寫在 head 頭部裡面 這種是頁面樣式 第三中樣式直接寫在行內 style裡面寫入相關的樣式就可以了。第一種 也是最常用的及時外部關聯相關的樣式表,使用關聯樣式,首先 新建乙個css...