在前端開發中,經常需要從后端獲取數據,并將其顯示在頁面上。而使用axios庫可以方便地進行數據請求和處理。
當使用axios進行get請求時,可以獲得后端返回的json數據。json是一種輕量級的數據交換格式,經常被用于前后端數據傳輸。
通過以下代碼可以發出一個get請求,并將獲取到的json數據輸出到頁面上:
axios.get('/api/data') .then(response =>{ console.log(response.data) document.querySelector('#output').innerHTML = JSON.stringify(response.data) }) .catch(error =>{ console.error(error) })
其中,api/data是后端提供的數據接口,response.data即為獲取到的json數據。可以通過console.log打印到控制臺,也可以將其轉化為字符串后輸出到頁面上。
接下來,就可以根據獲取到的數據進行頁面的渲染和交互處理了。
上一篇html ip代碼