axios是一個基于promise的HTTP請求庫,可以實現(xiàn)瀏覽器和Node.js中的Ajax操作。而post提交JSON是常見的操作之一,下面將會介紹axios如何實現(xiàn)post提交JSON。
axios.post(url, data) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
在post請求中,參數(shù)data是傳遞給后端的JSON數(shù)據(jù)。需要注意的是,當(dāng)我們使用axios進行post請求時,data參數(shù)是需要進行字符串化的。下面是一個簡單的例子:
const data = JSON.stringify({ username: 'axios', password: '123456' }); axios.post('/login', data) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
在上面的代碼中,我們通過JSON.stringify()方法將對象data進行字符串化,然后將該字符串作為參數(shù)傳遞給post方法。需要注意的是,字符串化后的JSON數(shù)據(jù)中的key都必須使用雙引號,否則后臺可能會無法解析JSON數(shù)據(jù)。
通過axios實現(xiàn)post提交JSON數(shù)據(jù)非常簡單,只需要字符串化數(shù)據(jù)并傳遞給post方法即可。