在Vue項目中,我們經(jīng)常需要使用axios來發(fā)送ajax請求。其中,post請求中發(fā)送json數(shù)據(jù)是一種常見的方式。下面是axios模擬post發(fā)送json的示例代碼。
axios({ method: 'post', url: '/api', data: { name: 'Jack', age: 20, gender: 'male' }, headers: { 'Content-Type': 'application/json' } }).then(res =>{ console.log(res.data) }).catch(err =>{ console.log(err) })
在上面的代碼中,我們通過axios發(fā)送了一個post請求,請求的url是'/api'。我們發(fā)送的數(shù)據(jù)是一個json對象,包含了name、age和gender三個屬性。注意,在發(fā)送json數(shù)據(jù)時,需要設(shè)置headers的Content-Type為'application/json',以表明傳輸?shù)氖莏son數(shù)據(jù)。
當(dāng)請求成功后,我們通過then回調(diào)函數(shù)獲取到后臺返回的數(shù)據(jù)。如果請求失敗,則會進(jìn)入catch回調(diào)函數(shù)。我們可以在這些回調(diào)函數(shù)中處理返回的數(shù)據(jù)或者錯誤信息。
上述代碼僅供參考,具體的請求方式和處理方式還需要根據(jù)具體的需求進(jìn)行修改和優(yōu)化。