vue 使用axios傳送ajax請求

2021-10-24 02:24:36 字數 1488 閱讀 8104

1:首先匯入兩個包,乙個是vue的包,乙個是axios的包:

""

>

<

/script>

"">

<

/script>

=>

- 資料的雙向繫結 -

->

<

input v-model=

"inputdata"

type

="text"

>

- 事件繫結 -

->

<

input @click=

"searchdata"

type

="button" value=

"搜尋"

>

- 列表渲染 -

->

for=

'ser in searchdata'

>

}<

/li>

<

/ul>

<

/div>

3:解析searchdata方法:首先axios傳送乙個json請求,如果請求到資料就執行.then裡面的方法,如果請求不到就執行.catch裡面的方法,

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

"">

<

/script>

"">

<

/script>

資料搜尋<

/title>

<

/head>

=>

- 資料的雙向繫結 -

->

<

input v-model=

"inputdata"

type

="text"

>

- 事件繫結 -

->

<

input @click=

"searchdata"

type

="button" value=

"搜尋"

>

- 列表渲染 -

->

for=

'ser in searchdata'

>

}<

/li>

<

/ul>

<

/div>

new vue(

, methods:

)// 請求失敗

.catch(

(error)

=>)}

}})<

/script>

<

/body>

<

/html>

vue使用axios 傳送post請求的四種方法

寫法一 後端可以接收到,應該是json格式 export const requestlogin params then res res.data 寫法二這樣的方式只能通過輸入流獲取對應的json格式,而request.form就會亂碼 export const requestlogin params...

vue專案中使用axios傳送請求

在src下新建乙個server的資料夾,資料夾中的檔案是server.js檔案 server.js檔案中寫 import from element ui let baseurl if process.env.node env development else else catch v from se...

vue 使用qs傳送axios請求 傳遞多個引數

之前使用vue傳送引數都是放到乙個物件裡 後來發現可以使用qs把乙個物件拆分開,發給後台 步驟一 npm i qs 步驟二 在main.js中引入 import qs from qs 步驟三 這樣後台接收到的就不是乙個物件了,而是兩個單獨的?驗證中 axios.post api computer a...