网页前端后台技巧(CSS+HTML)Web让前端飞

【Node.js】表单get

2019-06-22  本文已影响0人  德育处主任
微信订阅号:Rabbit_svip

如果表单是通过get请求,其实后台要做到事情和 【Node.js】处理url 是一样到。

前端页面如下所示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form method="get" action="http://localhost:8100">
        <input type="text" name="userName">
        <input type="password" name="userPwd">
        <input type="submit" value="登录">
    </form>
</body>
</html>

后端代码如下所示

const http = require('http');
const url = require("url");
const querystring = require("querystring");

const server = http.createServer( (req, res)=>{

    const reqUrl = req.url;

    const queryUrl = url.parse(reqUrl).query;

    console.log( querystring.parse(queryUrl) );
    res.end();
} )

server.listen(8100);

因为 get 请求都是通过 url 传值的。所以处理url上的数据的方法和 【Node.js】处理url 一样。

比如我在浏览器表单里输入
用户名:admin
密码:123456

后台也会得到对应的数据


微信订阅号:Rabbit_svip
上一篇下一篇

猜你喜欢

热点阅读