zoukankan      html  css  js  c++  java
  • Node.js Express 框架 POST方法

    POST 方法

    以下实例演示了在表单中通过 POST 方法提交两个参数,我们可以使用 server.js 文件内的 process_post 路由器来处理输入:

    index.htm 文件代码修改如下:

    <html>
    <body>
    <form action="http://127.0.0.1:8081/process_post" method="POST">
    First Name: <input type="text" name="first_name">  <br>
    
    Last Name: <input type="text" name="last_name">
    <input type="submit" value="Submit">
    </form>
    </body>
    </html>

    server.js 文件代码修改如下:

    var express = require('express');
    var app = express();
    var bodyParser = require('body-parser');
    
    // 创建 application/x-www-form-urlencoded 编码解析
    var urlencodedParser = bodyParser.urlencoded({ extended: false })
    
    app.use(express.static('public'));
    
    app.get('/index.htm', function (req, res) {
       res.sendFile( __dirname + "/" + "index.htm" );
    })
    
    app.post('/process_post', urlencodedParser, function (req, res) {
    
       // 输出 JSON 格式
       response = {
           first_name:req.body.first_name,
           last_name:req.body.last_name
       };
       console.log(response);
       res.end(JSON.stringify(response));
    })
    
    var server = app.listen(8081, function () {
    
      var host = server.address().address
      var port = server.address().port
    
      console.log("应用实例,访问地址为 http://%s:%s", host, port)
    
    })

    执行以上代码:

    $ node server.js
    应用实例,访问地址为 http://0.0.0.0:8081

    浏览器访问 http://127.0.0.1:8081/index.htm

  • 相关阅读:
    服务端获取实际IP工具类
    vue-element-admin整合服务端代理api
    elemengui分页
    vue获取浏览器地址栏参数
    el-table-column动态判断显示性别男女
    nginx代理静态页面添加二级目录
    nginx配置代理指向Redis
    SpringBoot整合Redis日志反复提示Redis重连问题
    centos7安装Redis
    nohup启动jar包
  • 原文地址:https://www.cnblogs.com/xiaotaiyang/p/6090022.html
Copyright © 2011-2022 走看看