GET提交JSON格式數據
GET請求是HTTP常見的一種請求方式,其主要用于從服務器獲取資源。我們可以通過GET請求來向服務器發送數據,并從服務器獲取JSON格式的數據。
發送GET請求的代碼如下:
const url = 'http://example.com/api/data?name=張三&age=18'; fetch(url) .then(response =>response.json()) .then(data =>console.log(data)) .catch(error =>console.error(error));
上面的代碼中,fetch函數用于發送GET請求,請求的URL為指向服務器提供數據的API的路徑,同時也可以在URL中添加查詢參數。在服務器成功響應請求之后,將返回JSON格式的數據。在這里,我們使用了response.json()方法來將響應的數據轉換為JSON格式,最終通過.then()方法獲取數據并進行處理。如果請求失敗,使用.catch()方法處理錯誤。
下面是一個例子:
const url = 'http://example.com/api/data?id=1234'; fetch(url) .then(response =>response.json()) .then(data =>{ console.log(data); document.getElementById('name').textContent = data.name; document.getElementById('age').textContent = data.age; document.getElementById('email').textContent = data.email; }) .catch(error =>console.error(error));
在上面的代碼中,我們向服務器發出了一個包含ID值的GET請求,并成功獲取了從服務器返回的JSON格式的數據。最終,我們將數據填充到HTML代碼中的相關元素中。