初學axios,非同步請求

2022-10-08 23:39:25 字數 588 閱讀 2463

本人最近在學axious,在嘗試寫乙個小demo的時候,發現了如下問題

根據報錯提示資訊,可以看到是說我30行的jokes陣列沒有定義, 我最開始想到的是作用域的問題,可發現貌似發現作用域並沒有問題

根據別人的建議(建議我把for迴圈放到then方法裡)

根據別人的建議,發現果然可行,並沒有發現報錯,並且成功傳送請求

後來通過了解得知axios請求預設是非同步請求, 出現上述的問題的原因是:

由於是非同步請求, 而js的執行是同步的,所以在js直接不等待請求響應返回資料(因為是非同步請求,js無需等待請求的響應)就直接執行了for迴圈的**,所以導致了jokes是為定義的, 故將for迴圈放入響應**函式中執行才能保證新增dom結點的操作是在請求響應返回陣列後執行

vue使用axios實現非同步請求

首先,安裝axios和qs 然後,在main.js中引入 import axios from axios import qs from qs vue.prototype.axios axios todo 這裡qs怎麼全域性引入?我是前端小白。在vue.config.js下,module.export...

axios資料請求

請求方式預設是get 可以忽略,安裝get 請求寫法一axios.get請求寫法二axios then res catch error 這些請求寫在new vue中的methods中post請求寫法axios.defaults.headers.post content type 這裡的請求頭寫法是對...

axios 資料請求

1 安裝axios和qs npm install axios npm install qs 2 在vue的專案入口檔案main.js中,引入我們所需要axios 已經封裝好的ajax,也可以用fetch,但是相容性不如axios好 同時需要引入qs模組 我們在做post請求的時候需要用到 3 在vu...