get/post请求

2017-07-31  本文已影响0人  张鸽

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

<!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

完成解析

<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
上一篇 下一篇

猜你喜欢

热点阅读