發送ajax請求

vue本身不支持發送ajax請求，需要使用vue-resourc axios等插件實現，建議使用axios

axios是一個基于promise的http請求客戶端，用來發送請求

基本用法：

axios.get(url[,options]); 傳參方式，url或者params傳參

axios.post(url,data,[options]);

注意：axios默認發送數據時，數據格式是request payload，并非我們床用的form data格式，所以參數必須要以鍵值對像是傳遞，不能以json形式傳參

傳參的方式： 自己拼接鍵值對，使用transformrequst 在請求發送前將請求數據進行轉換，或者使用qs模塊進行轉換

axios不支持跨域請求，可以使用vue-resource 發送跨域請求。

跨域發送請求：this.$http.get(url,[options]); this.$http.post(url,[options]);

refs獲取組件或元素

說明：vm.$refs 一個對象，持有已注冊過 ref 的所有子組件(或HTML元素)

使用：在 HTML元素 中，添加ref屬性，然后在JS中通過vm.$refs.屬性來獲取

注意：如果獲取的是一個子組件，那么通過ref就能獲取到子組件中的data和methods

添加ref屬性

這是H1

獲取H1元素

獲取注冊過 ref 的所有組件或元素

methods: {

getref() {

// 表示從 $refs對象 中, 獲取 ref 屬性值為: h1ele DOM元素或組件

console.log(this.$refs.h1Ele.innerText);

this.$refs.h1ele.style.color = 'red';// 修改html樣式

console.log(this.$refs.ho.msg);// 獲取組件數據

console.log(this.$refs.ho.test);// 獲取組件的方法

}

}

總結

以上是生活随笔為你收集整理的发起一个ajax请求,发送ajax请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。