nodejs实现前后端交互
时间: 2023-07-06 22:34:28 浏览: 84
Node.js 可以通过 HTTP 协议实现前后端交互,具体实现方式如下:
1. 前端通过 AJAX 或 Fetch API 发送请求到 Node.js 服务器。
2. Node.js 服务器使用 Express 框架或原生的 HTTP 模块接收请求,并根据请求的 URL 和请求方式执行相应的操作。
3. 在操作完成后,Node.js 服务器将数据以 JSON 或其他格式返回给前端。
4. 前端接收到数据后,可以对数据进行处理并渲染到页面上。
下面是一个简单的示例代码:
前端:
```javascript
fetch('/getData')
.then(response => response.json())
.then(data => {
console.log(data);
});
```
Node.js 服务器:
```javascript
const express = require('express');
const app = express();
app.get('/getData', (req, res) => {
const data = { message: 'Hello Node.js!' };
res.json(data);
});
app.listen(3000, () => {
console.log('Server started on port 3000...');
});
```
在这个示例中,前端通过 Fetch API 发送 GET 请求到 /getData 路径,Node.js 服务器使用 Express 框架接收请求,并返回一个包含 { "message": "Hello Node.js!" } 数据的 JSON 响应。前端在接收到数据后将其输出到控制台上。