在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交。 表单提交到服务器一般都使用 GET/POST 请求。 本章节我们将为大家介绍 Node.js GET/POST请求。

获取GET请求内容

由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数。
node.js 中 url 模块中的 parse 函数提供了这个功能。
我们可以使用 url.parse 方法来解析 URL 中的参数,代码如下:

  1. var http = require('http')
  2. var url = require('url')
  3. var util = require('util')
  4. http.createServer(function (req, res) {
  5. res.writeHead(200, { 'Content-Type': 'text/plain charset=utf-8' })
  6. res.end(util.inspect(url.parse(req.url, true)))
  7. }).listen(3000)
  8. console.log("Server running at http://127.0.0.1:3000/")

在浏览器中访问然后查看返回结果:

  1. http://127.0.0.1:3000/ihome?name=一缕清风&age=20

image.png

获取 POST 请求内容

POST 请求的内容全部的都在请求体中,http.ServerRequest 并没有一个属性内容为请求体,原因是等待请求体传输可能是一件耗时的工作。
比如上传文件,而很多时候我们可能并不需要理会请求体的内容,恶意的POST请求会大大消耗服务器的资源,所以 node.js 默认是不会解析请求体的,当你需要的时候,需要手动来做。

  1. var http = require('http')
  2. var querystring = require('querystring')
  3. var util = require('util')
  4. http.createServer(function (req, res) {
  5. // 定义了一个post变量,用于暂存请求体的信息
  6. var post = ''
  7. // 通过req的data事件监听函数,每当接受到请求体的数据,就累加到post变量中
  8. req.on('data', function (chunk) {
  9. post += chunk
  10. })
  11. // 在end事件触发后,通过querystring.parse将post解析为真正的POST请求格式,然后向客户端返回。
  12. req.on('end', function () {
  13. post = querystring.parse(post)
  14. res.end(util.inspect(post))
  15. })
  16. }).listen(3000)
  17. console.log("Server running at http://127.0.0.1:3000/")

以下实例表单通过 POST 提交并输出数据:

  1. var http = require('http')
  2. var querystring = require('querystring')
  3. var postHTML =
  4. '<html><head><meta charset="utf-8"><title>一缕清风 Node.js 实例</title></head>' +
  5. '<body>' +
  6. '<form method="post">' +
  7. '网站名: <input name="name"><br>' +
  8. '网站 URL: <input name="url"><br>' +
  9. '<input type="submit">' +
  10. '</form>' +
  11. '</body></html>'
  12. http.createServer(function (req, res) {
  13. var body = ""
  14. req.on('data', function (chunk) {
  15. body += chunk
  16. })
  17. req.on('end', function () {
  18. // 解析参数
  19. body = querystring.parse(body)
  20. // 设置响应头部信息及编码
  21. res.writeHead(200, { 'Content-Type': 'text/html charset=utf8' })
  22. if (body.name && body.url) { // 输出提交的数据
  23. res.write("网站名:" + body.name)
  24. res.write("<br>")
  25. res.write("网站 URL:" + body.url)
  26. } else { // 输出表单
  27. res.write(postHTML)
  28. }
  29. res.end()
  30. })
  31. }).listen(3000)
  32. console.log("Server running at http://127.0.0.1:3000/")

执行结果 Gif 演示:
Node GET/POST请求 - 图2