在業務場景中,我們經常需要向后臺傳遞一些數據。使用get請求時,常見的傳參方式包括URL傳參和Query String傳參。這些傳參方式在數據比較簡單的情況下可行,但當需要傳遞大量結構化數據時,就需要使用get帶json參數的方式。
JSON(JavaScript Object Notation)是一種輕量級的數據交換格式,以鍵值對的方式來表示數據。因其簡單又具備可讀性和易于解析性,越來越多的應用程序采用JSON來處理數據。
在get請求中,可以通過將json格式的數據放到URL參數中來進行傳遞。代碼示例如下:
const params = { name: 'Lucy', age: 18, city: 'Beijing' }; const url = 'http://example.com/data?json=' + encodeURIComponent(JSON.stringify(params)); fetch(url) .then(response =>response.json()) .then(data =>console.log(data));
在以上代碼中,我們首先創建了一個待傳遞的json對象params,然后通過JSON.stringify()方法將其轉換為字符串格式。接著,我們將該字符串通過encodeURIComponent()方法進行編碼處理,在URL參數中傳遞。
最后,我們使用fetch()方法發送該請求,并在響應成功后使用response.json()方法將響應數據解析為json格式的對象,最終輸出該對象的內容。
使用get帶json參數的方式,能夠方便快捷地向后臺傳遞結構化數據,提高了數據傳輸的效率和可讀性。