您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“vuejs如何從后端請求數據”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“vuejs如何從后端請求數據”這篇文章吧。
比如說從后端請求一張表過來,
(1)首先,在data中return一個msg:[]數組來接收表的數據;
(2)在方法中定義一個請求函數,比如我們這里函數名定義為showDetails;
methods:{ showDetails:function(){ this.$http.get(baseURL+“api/條件”).then(function(res){ this.msg = res.body; }); } }
這里baseURL項目的路徑,如果項目部署在服務器上面一般格式為www.XXX.com/項目名;之后的api是后端封裝的api接口;然后條件就是對表的查詢,刪除等語句。比如對名為student的表進行查詢,需要獲取studentID為40001的學生信心,則查詢語句可寫為‘query?table=student&studentIDeq=40001',需要注意的是與有關數據庫的操作字段(通俗點講,可以理解為后端定義的字段)要加引號,而前端定義的字段要放在引號外面;
(3)最后,別忘了這個請求操作是沒有調用,是默認執行的,所以要在mounted里面實時執行;
mounted: function (){ this.showDetails(); }
好了,這個函數就完成了,你可以通過瀏覽器控制臺的network查看從后端取得的數據,或者通過console打印輸出也可以看到啦!!!
以上是“vuejs如何從后端請求數據”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。