在Web開發中,獲取JSON對象是非常常見的操作。而GET是HTTP協議中的一種方法,可以用來獲取數據。那么如何在GET中傳輸JSON對象呢?下面將介紹幾種方式。
// 1. 直接將JSON對象作為url的一部分傳輸 let data = { name: 'Tom', age: 18 }; let url = `http://example.com/data?data=${JSON.stringify(data)}`; fetch(url) .then(res =>res.json()) .then(res =>console.log(res)); // 2. 將JSON對象轉換為URLSearchParams對象 let data = new URLSearchParams(JSON.stringify({ name: 'Tom', age: 18 })); let url = `http://example.com/data?${data.toString()}`; fetch(url) .then(res =>res.json()) .then(res =>console.log(res)); // 3. 使用fetch的body屬性傳輸JSON對象 let data = { name: 'Tom', age: 18 }; fetch('http://example.com/data', { method: 'GET', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(res =>res.json()) .then(res =>console.log(res));
以上三種方式均可用來在GET中傳輸JSON對象。其中第一種方式最為簡單,但存在安全問題;第二種方式相對安全,但需要將JSON對象轉換為URLSearchParams對象;第三種方式最為安全,但需要使用fetch函數,并設置請求頭。
下一篇vue cli地圖