给出用get实现前后端数据交流的实例
时间: 2024-05-10 11:17:55 浏览: 39
以下是一个使用 GET 请求从前端向后端发送数据,并从后端获取响应数据的示例:
前端代码:
```javascript
// 发送 GET 请求
fetch('/api/getData?name=John&age=25')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在该示例中,我们向 `/api/getData` 发送一个 GET 请求,并传递了两个参数 `name` 和 `age`。然后,我们从响应中提取 JSON 数据并将其记录到控制台中。
后端代码:
```javascript
app.get('/api/getData', (req, res) => {
const name = req.query.name;
const age = req.query.age;
// 处理数据并返回响应
const data = { name, age };
res.send(data);
});
```
在该示例中,我们使用 Express 框架来处理 GET 请求。我们从请求中提取参数 `name` 和 `age`,然后将它们组成一个对象并将其发送回前端。
阅读全文