在Vue中,我們通常使用Axios庫發出Ajax請求。但是,Axios默認使用RESTful API中的GET和POST請求,而PUT請求需要做一些額外的步驟。
假設我們要使用PUT請求將數據更新到后端服務器上:
axios.put('/api/data/123', { name: 'John Doe' }) .then(response =>{ console.log(response.data); }) .catch(error =>{ console.log(error); });
在上面的代碼中,我們正在嘗試將名為'John Doe'的新名稱發送到'/api/data/123'端點。但是,PUT請求需要將數據包含在請求的正文中,而不是像GET請求一樣在URL中編碼。
為此,我們需要將請求正文編碼為JSON字符串,并將其作為選項傳遞給Axios:
axios.put('/api/data/123', { name: 'John Doe' }, { headers: { 'Content-Type': 'application/json' } }) .then(response =>{ console.log(response.data); }) .catch(error =>{ console.log(error); });
鍵入'application/json'告訴服務器請求的正文是JSON格式的。這樣,后端就知道如何解析我們發送的數據,并將其更新到正確的記錄中。
下一篇pure vue