GET請求是Web開發(fā)中最常用的一種請求方式,它通常用于獲取 (retrieve) 某個資源的信息。 在實際開發(fā)中,我們可能需要以JSON格式傳遞數據到服務器,并獲取相應的響應結果。那么,如何使用GET請求來傳遞JSON數據呢?下面是一個簡單的示例:
var xhr = new XMLHttpRequest(); // 編碼要傳遞的參數 var data = encodeURIComponent(JSON.stringify({name: '張三', age: 18})); // 組裝請求URL var url = '/api/user?' + data; // 發(fā)送GET請求 xhr.open('get', url, true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } }; xhr.send();
在上面的代碼中,我們首先創(chuàng)建了一個XMLHttpRequest對象,然后將要傳遞的參數通過JSON.stringify方法編碼成字符串,并使用encodeURIComponent方法進行URL編碼。接著,我們將編碼后的參數與請求URL拼接成完整的請求URL。最后,我們使用xhr.open方法打開一個GET請求,并通過xhr.setRequestHeader方法設置請求頭信息。在發(fā)送請求之后,我們通過xhr.onreadystatechange方法監(jiān)聽請求狀態(tài)的變化。如果請求成功,我們可以通過xhr.responseText獲取服務器返回的響應結果。
總之,GET請求與JSON數據的結合使用非常便利,通過此篇文章的簡單示例,相信大家都能輕松掌握使用GET請求來傳遞JSON數據的方法了。