get/post请求

get和post方法都是http发送请求的方式,而不是字面上一个取,一个发。

  • get方法
    在 get方式中:
    参数都是以键值方式拼接在请求的 URL 当中的, 所以我们可以通过解析 URL 来获得参数.首先写一个表单来获取信息
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:3000/" method="get">
    <input type="text" name="name">
    <input type="text" name="url">
    <button type="submit">submit</button>
</form>
</body>
</html>

action 属性规定当提交表单时,向何处发送表单数据
解析URL的js文件,代码如下

var http = require('http');
var url = require('url');
var util = require('util');
http.createServer(function (req, res) {
    res.writeHead(200, {'content-type': 'text/plain;charset=utf8'});
    var a = url.parse(req.url, true).query;
    res.write('名字:' + a.name);
    res.write('\n');
    res.write('年龄:' + a.url);
    res.end();
}).listen(3000);

终端运行js文件的同时运行html文件,效果图如下

Paste_Image.png

输入内容


Paste_Image.png

点击提交


Paste_Image.png

完成解析

  • post方法
    post方式, 它会将参数数据添加到请求体中发送到服务端, 所以, 我们需要去解析 请求体中的数据来获取 post请求发送过来的参数.这里我们就需要使用 ‘querystring’ 这个库了, 用来处理 response 对象的数据
    首先表单获取信息,将get方法的html文件中
<form action="http://127.0.0.1:3000/" method="get">

改为

<form action="http://127.0.0.1:3000/" method="post">

解析请求体的代码如下

var http = require('http');
var querystring = require('querystring');
http.createServer(function (req, res) {
    var body = "";
    req.on('data', function (chunk) {
        body += chunk;
    });
    req.on('end', function () {
        body = querystring.parse(body);
        res.writeHead(200, {'Content-Type': 'text/html; charset=utf8'});

        if(body.name && body.url) { 
            res.write("网站名:" + body.name);
            res.write("<br>");
            res.write("网站 URL:" + body.url);
        } 
        res.end();
    });
}).listen(3000);
Paste_Image.png
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容