Express.js 是一个流行的 Node.js Web 应用程序框架,它提供了一系列的 API,用于处理 HTTP 请求和响应。在本文中,我们将讨论如何使用 Express.js 处理 GET 和 POST 请求。
处理 GET 请求
GET 请求是最常见的 HTTP 请求之一,通常用于从服务器获取数据。在 Express.js 中,可以使用 app.get()
方法来处理 GET 请求。下面是一个简单的示例:
// javascriptcn.com 代码示例 const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(3000, () => { console.log('Server running on port 3000'); });
在上面的示例中,我们使用 app.get()
方法来处理根路径的 GET 请求。当我们访问 http://localhost:3000/
时,服务器将返回一个包含字符串 "Hello World!" 的响应。
除了根路径,我们还可以使用其他路径来处理 GET 请求。例如,我们可以使用 app.get('/users')
来处理访问 /users
路径的 GET 请求。
处理 POST 请求
POST 请求通常用于向服务器提交数据。在 Express.js 中,可以使用 app.post()
方法来处理 POST 请求。下面是一个简单的示例:
// javascriptcn.com 代码示例 const express = require('express'); const app = express(); app.use(express.urlencoded({ extended: true })); app.post('/login', (req, res) => { const { username, password } = req.body; res.send(`Welcome ${username}!`); }); app.listen(3000, () => { console.log('Server running on port 3000'); });
在上面的示例中,我们使用 app.post()
方法来处理 /login
路径的 POST 请求。我们还使用了 express.urlencoded()
中间件来解析 POST 请求主体中的表单数据。
当我们提交一个包含用户名和密码的表单时,服务器将返回一个包含欢迎消息的响应。在这个示例中,我们使用了 req.body
来获取 POST 请求主体中的数据。
总结
在本文中,我们学习了如何使用 Express.js 处理 GET 和 POST 请求。我们了解了如何使用 app.get()
和 app.post()
方法来处理不同类型的请求,并使用示例代码实现了一个简单的 Web 应用程序。
使用 Express.js 处理 HTTP 请求是前端开发的重要技能之一。通过掌握这些技能,我们可以更好地构建 Web 应用程序,提供更好的用户体验。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/655186b4d2f5e1655db447ae