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 相关文章推荐
用jQuery扩展自写的 UI导航
Jan 13 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
JavaScript实现商品评价五星好评
Nov 30 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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
在Django的session中使用User对象的方法
2015/07/23 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
python3.x实现发送邮件功能
2018/05/22 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
浅析PEP572: 海象运算符
2019/10/15 Python
Python常用库大全及简要说明
2020/01/17 Python
Python文件操作方法详解
2020/02/09 Python
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
一份报关员的职业规划范文
2014/01/08 职场文书
开业庆典答谢词
2014/01/18 职场文书
感恩寄语大全
2014/04/11 职场文书
党的生日演讲稿
2014/09/10 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
公司会议开幕词
2016/03/03 职场文书