axios發請求的基本語法:
axios({
url: '路徑', // 這個路徑中可以包含params或query參數
method: 'get/post/put/delete',
params: {}, // 包含query參數的對象，問號后面的參數
data: {}, // 包含請求體參數的對象
})
axios.get(url, {配置}) // {params: {id: 1}}
axios.delete(url, {配置})
axios.post(url, data數據對象)
axios.put(url, data數據對象)
使用axios發ajax請求攜帶參數:
params參數: 只能拼在路徑中: /admin/product/baseTrademark/delete/1
query參數:
拼在路徑中的?后面: /admin/product/baseTrademark?id=1
通過params配置來指定: axios({params: {id: 1}})
請求體參數:
通過data配置或post()/put()的第二個參數指定
案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.js"></script> <script> // 普通axios通信https://api.github.com/search/repositories?q=v&sort=stars // axios({ // url:'https://api.github.com/search/repositories', // method:"GET", // params:{ // q:'v', // sort:'stars' // } // }).then(v=>{ // console.log(v.data) // }).catch(error=>{ // console.log(error.message) // }) //axios的基本使用 //函數用法以及對象用法 // async function sendAjax() { try { //result為響應的數據 const result = await axios({ url: 'https://api.github.com/search/repositories', // /8也是一種參數，真正的params參數 method: 'GET', params: { //params參數對應的是我們所說的query參數，url查詢參數 ？key=value //如果url里面寫了這個query參數，這里就不需要寫了 // username:'zhaoliying' // ?q=v&sort=stars' q: 'v', sort: 'stars' }, // data:{ // //data參數對應的是請求體參數 // } }) console.log(result.data) } catch (error) { console.log(error.message) } } // async函數返回值一定是promise // 返回的promise成功還是失敗看這個函數的返回值 // 分兩種情況：返回值返回的是promise，要么就是一個數據，要么throw一個ERROR // 返回的值是一個promise,name這個async函數返回的promise成功和失敗就看這個promise的狀態 // 是一個ERROR,那么就是失敗的 // 其余都是成功的 sendAjax() </script> </body> </html>