在Web開發(fā)中,我們經(jīng)常需要通過HTTP請求獲取數(shù)據(jù),并將其以JSON格式返回給客戶端。其中一種常用的方式是使用GET請求傳輸JSON數(shù)據(jù)。
// 服務端代碼示例 const express = require('express'); const app = express(); app.get('/api/data', (req, res) =>{ // 模擬數(shù)據(jù) const data = { name: '張三', age: 18, gender: '男' }; // 將數(shù)據(jù)以JSON格式返回 res.json(data); }); app.listen(3000, () =>{ console.log('服務已啟動'); });
上述代碼中,我們使用了Express框架建立了一個簡單的后端服務,使用GET請求獲取數(shù)據(jù),并將其以JSON格式返回給客戶端。接下來我們可以使用fetch或axios等工具進行數(shù)據(jù)的獲取和處理。
// 客戶端代碼示例 fetch('/api/data') .then(response =>response.json()) .then(data =>{ // 處理JSON格式數(shù)據(jù) console.log(data.name); console.log(data.age); console.log(data.gender); });
在客戶端使用fetch或axios時,我們通過GET請求獲取到了后端以JSON格式返回的數(shù)據(jù),并對其進行處理。這種方式便于我們在不同技術棧之間進行數(shù)據(jù)交互。