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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
javascript学习(二)javascript常见问题总结
Jan 02 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
Apr 04 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
node.js express中app.param的用法详解
Jul 16 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
详解vue组件之间的通信
Aug 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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
php文件下载处理方法分析
2015/04/22 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
从零学Python之引用和类属性的初步理解
2014/05/15 Python
Python CSV模块使用实例
2015/04/09 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
python验证码图片处理(二值化)
2019/11/01 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
html5 横向滑动导航栏的方法示例
2020/05/08 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
会计毕业生求职简历的自我评价
2013/10/20 职场文书
公益广告语集锦
2014/03/13 职场文书
幼儿园小班评语大全
2014/04/17 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
思品教学工作总结
2015/08/10 职场文书
四则混合运算教学反思
2016/02/23 职场文书
python实现MD5进行文件去重的示例代码
2021/07/09 Python
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技