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 相关文章推荐
Javascript 调试利器 Firebug使用详解六
Jul 05 Javascript
载入jQuery库的最佳方法详细说明及实现代码
Dec 28 Javascript
JS隐藏参数post传值实例
Apr 18 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
js时间戳与日期格式之间转换详解
Dec 11 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
Vue动态创建注册component的实例代码
Jun 14 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
ant-design-vue按需加载的坑的解决
May 14 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脚本加密专家php解密算法
2020/09/13 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
XENON基于JSON变种
2010/07/27 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
2016/06/12 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
2019/08/27 jQuery
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
用js实现放大镜效果
2020/10/28 Javascript
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
python实现人脸识别代码
2017/11/08 Python
python实现外卖信息管理系统
2018/01/11 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
用python实现学生管理系统
2020/07/24 Python
解决Python 写文件报错TypeError的问题
2020/10/23 Python
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
学习党章思想汇报
2014/01/07 职场文书
青年志愿者活动方案
2014/08/17 职场文书
四风问题查摆剖析材料
2014/10/11 职场文书
会计求职信怎么写
2015/03/20 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python