在前端開發中,我們常常需要使用get請求從后臺獲取數據。有時,我們需要向后臺傳遞一個json數組,這個時候我們可以通過拼接url來實現。
let data = ['a', 'b', 'c']; let url = 'http://example.com/api?data=' + JSON.stringify(data);
上述代碼將data數組轉換為json字符串,并將其拼接在url的參數中,傳遞給后臺。后臺接收到參數后,可以通過解析json字符串獲取到數組。我們也可以在后臺接收到參數后再將json字符串轉換為數組進行處理。
需要注意的一點是,當數組元素中包含特殊字符(如#, @等)時,需要使用encodeURIComponent進行編碼。
let data = ['a', '@b#c']; let encodedData = data.map(item =>encodeURIComponent(item)); let url = 'http://example.com/api?data=' + JSON.stringify(encodedData);
上述代碼中,我們先將數組中的元素進行編碼,然后再將其轉換為json字符串并拼接到url中。后臺接收到參數后,需要先解析json字符串,然后對數組中每個元素進行decodeURIComponent解碼操作。
拼接json數組并不是一個復雜的操作,但是需要我們注意數組元素中是否包含特殊字符,以及對特殊字符進行正確的編碼和解碼操作。
上一篇vue cli 標題
下一篇vue cli 最新