在前端開發中,向后端發送請求是非常常見的操作。axios是一款流行的ajax庫,可以用于發送各種類型的請求。其中,post請求是一種非常常見的請求方式,下面我們將介紹如何使用axios發送post json請求。
首先,我們需要安裝axios。可以使用npm來安裝:
npm install axios
安裝完成后,我們需要在代碼中引入axios:
import axios from 'axios';
接著,我們可以通過axios.post()方法來發送post請求。該方法的第一個參數是請求的url地址,第二個參數是需要發送的數據。在發送post json請求時,我們需要設置請求頭的Content-Type參數為"application/json",以確保后端能夠正確地處理請求。代碼如下:
axios.post('http://localhost/api', { data: { name: 'john', age: '20' } }, { headers: { 'Content-Type': 'application/json' } }).then(response =>{ console.log(response.data); }).catch(error =>{ console.log(error); });
上面的代碼會向http://localhost/api發送一個post json請求,請求的數據為{name: 'john', age: '20'}。如果請求成功,會在控制臺打印出返回的數據。
總結:使用axios發送post json請求非常簡單,只需設置請求頭的Content-Type參數為"application/json",并將需要發送的數據作為第二個參數即可。下面是完整的代碼:
import axios from 'axios'; axios.post('http://localhost/api', { data: { name: 'john', age: '20' } }, { headers: { 'Content-Type': 'application/json' } }).then(response =>{ console.log(response.data); }).catch(error =>{ console.log(error); });