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鼠标滑过提示title具体实现代码
Aug 06 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
Aug 07 Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 Javascript
javascript中普通函数的使用介绍
Dec 19 Javascript
两种方法解决javascript url post 特殊字符转义 + &amp; #
Apr 13 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
JavaScript对象的特性与实践应用深入详解
Dec 30 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
jquery实现手风琴案例
May 04 jQuery
ES6的循环与可迭代对象示例详解
Jan 31 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实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
JQuery中getJSON的使用方法
2010/12/13 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
vue全局使用axios的操作
2020/09/08 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
js实现点击烟花特效
2020/10/14 Javascript
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
python PIL模块与随机生成中文验证码
2016/02/27 Python
浅谈Python中函数的参数传递
2016/06/21 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python3+PyQt5+Qt Designer实现扩展对话框
2018/04/20 Python
如何用python整理附件
2018/05/13 Python
pandas中的series数据类型详解
2019/07/06 Python
python实现大学人员管理系统
2019/10/25 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
Python基于pillow库实现生成图片水印
2020/09/14 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
css3的transition属性详解
2014/12/15 HTML / CSS
廉政教育心得体会
2014/01/01 职场文书
培训协议书范本
2014/04/22 职场文书
学生手册评语
2014/05/05 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
Nginx实现会话保持的两种方式
2022/03/18 Servers