Node.js Express 框架 POST方法详解


Posted in Javascript onJanuary 23, 2017

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js利用div背景,做一个竖线的效果。
Nov 22 Javascript
IE bug table元素的innerHTML
Jan 11 Javascript
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
Vue封装Swiper实现图片轮播效果
Feb 06 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
浅谈Node 调试工具入门教程
Mar 20 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
vue如何截取字符串
May 06 Javascript
javascript实现简单留言板案例
Feb 09 Javascript
js 颜色选择插件
Jan 23 #Javascript
JavaScript常用正则函数用法示例
Jan 23 #Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 #Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 #Javascript
微信小程序技巧之show内容展示,上传文件编码问题
Jan 23 #Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 #Javascript
jQuery点击导航栏选中更换样式的实现代码
Jan 23 #Javascript
You might like
php的header和asp中的redirect比较
2006/10/09 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
React Native实现进度条弹框的示例代码
2017/07/17 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
matplotlib绘图实例演示标记路径
2018/01/23 Python
python按照多个条件排序的方法
2019/02/08 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
浅析Python的命名空间与作用域
2020/11/25 Python
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
医药工作岗位求职信分享
2013/12/31 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
校园学雷锋活动月总结
2014/03/09 职场文书
欢迎标语大全
2014/06/21 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
2014年优质护理服务工作总结
2014/11/14 职场文书
2014年会计人员工作总结
2014/12/10 职场文书
元旦主持词开场白
2015/05/29 职场文书
大学生军训感言
2015/08/01 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis