methodOverride中间件必须结合bodyParser中间件一起使用,为bodyParser中间件提供伪HTTP方法支持.

index.html代码:

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title></title>

     <script type="text/javascript">

         function submitData(){

             var form=document.getElementById("form1");

             var formData=new FormData(form);

             var xhr=new XMLHttpRequest();

             xhr.open("post","index.html",true);

             xhr.onload= function () {

                 if(this.status==200)

                     document.getElementById("res").innerHTML=this.response;

             };

             xhr.send(formData);

         }

     </script>

 </head>

 <body>

 <form id="form1">

     姓:<input type="text" id="txtFirstName" name="firstname" value="郭" />

     名:<input type="text" id="txtUserName" name="username" value="延思" />

     <input type="button" value="提交" onclick="submitData();" />

 </form>

 <div id="res"></div>

 </body>

 </html>

服务器段代码server.js

var express=require("express");

var fs=require("fs");

var app=express();

app.use(express.bodyParser());

app.get("/index.html", function (req,res) {

    res.sendfile(__dirname+"/index.html");

});

app.post("/index.html", function (req,res) {

    var str="";

    for(var k in req.body){

        str+="键是:"+k+" 值是:"+req.body[k]+"<br/>";

    }

    res.send(str);

});

app.listen(1337,"127.0.0.1", function () {

    console.log("开始监听1337");

});

让程序走起来:

现在对上面的代码进行修改:

 var express=require("express");

 var fs=require("fs");

 var app=express();

 app.use(express.bodyParser());

 app.get("/index.html", function (req,res) {

     res.sendfile(__dirname+"/index.html");

 });

 app.put("/index.html", function (req,res) {

     var str="";

     for(var k in req.body){

         str+="键是:"+k+" 值是:"+req.body[k]+"<br/>";

     }

     res.send(str);

 });

 app.listen(1337,"127.0.0.1", function () {

     console.log("开始监听1337");

 });

现在单击按钮后,会出现404错误,因为我们单击出发的是post,而服务器上是put事件.

现在想让服务器端依然是put接受,html上依然是post请求.

可以对代码作一下修改:

 var express=require("express");

 var fs=require("fs");

 var app=express();

 app.use(express.bodyParser());

 app.use(express.methodOverride("test"));

 app.get("/index.html", function (req,res) {

     res.sendfile(__dirname+"/index.html");

 });

 app.post("/index.html", function (req,res) {

     var str="";

     for(var k in req.body){

         str+="键是:"+k+" 值是:"+req.body[k]+"<br/>";

     }

     res.send(str);

 });

 app.listen(1337,"127.0.0.1", function () {

     console.log("开始监听1337");

 });
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>向服务器上传文件</title>

    <script type="text/javascript">

        function submitData(){

            var form=document.getElementById("form1");

            var formData=new FormData(form);

            var xhr=new XMLHttpRequest();

            xhr.open("post","index.html",true);

            xhr.onload= function () {

                if(this.status==200)

                    document.getElementById("res").innerHTML=this.response;

            };

            xhr.send(formData);

        }

    </script>

</head>

<body>

<form id="form1">

    <input type="hidden" name="test" value="put"/>

    姓:<input type="text" id="txtFirstName" name="firstname" value="郭" />

    名:<input type="text" id="txtUserName" name="username" value="延思" />

    <input type="button" value="提交" onclick="submitData();" />

</form>

<div id="res"></div>

</body>

</html>

让程序跑起来 就和一开始的结果是一样的了.

node中express的中间件之methodOverride的更多相关文章

  1. node中express的中间件之cookieParser

    cookieParser中间件用于获取web浏览器发送的cookie中的内容.在使用了cookieParser中间件后, 代表客户端请求的htto.IncomingMessage对象就具有了一个coo ...

  2. node中express的中间件之basicAuth

    basicAuth中间件为网站添加身份认证功能.在使用了该中间件后, 用户访问网站时必须输入用户名与密码,在用户输入了用户名与密码并通过验证之后才能访问网站. 当用户输入的用户名和密码符合条件,中间件 ...

  3. 对于Node中Express框架的中间件概念的感知

    中间件是什么呢? 中间件就是客户端http请求发起传送到服务器和服务器返回响应之间的一些处理函数. 为什么要使用中间件? 通过中间件,可以对数据进行操作使得我们能方便地操作请求数据编写服务器响应.如b ...

  4. 77.深入理解nodejs中Express的中间件

    转自:https://blog.csdn.net/huang100qi/article/details/80220012 Express是一个基于Node.js平台的web应用开发框架,在Node.j ...

  5. 使用express+multer实现node中的图片上传

    使用express+multer实现node中的图片上传 在前端中,我们使用ajax来异步上传图片,使用file-input来上传图片,使用formdata对象来处理图片数据,post到服务器中 在n ...

  6. Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API

    A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...

  7. node.js中express框架的基本使用

    express是一个基于node.js平台的,快速,开放,极简的web开发框架. 一.安装 express npm install express --save 二.简单使用 express //引入 ...

  8. body-parser Node.js(Express) HTTP请求体解析中间件

    body-parser Node.js(Express) HTTP请求体解析中间件 2016年06月08日     781     声明 在HTTP请求中,POST.PUT和PATCH三种请求方法中包 ...

  9. node 进阶 | 通过node中如何捕获异常阐述express的特点

    node如何捕获异常 node基于js的单线程,有了非阻塞异步回调的概念,但是在处理多个并发连接时,并发环境要求高,最重要的是单线程,单核CPU,一个进程crash则web服务都crash,但是为什么 ...

随机推荐

  1. (转)Mahout Kmeans Clustering 学习

    一.Mahout命令使用 合成控制的数据集 synthetic_control.data 可以从 此处下载,总共由600行X60列double型的数据组成, 意思是有600个元组,每个元组是一个时间序 ...

  2. 使用json path设置关联

    与正则表达式相比,这种方法会更简单一些: json path是在返回的是K-V的格式中根据key进行的关联,如果压的接口返回的是json的话,使用json path比较方便,如果不是json的话,就使 ...

  3. 【剑指offer12】矩阵中的路径（回朔法）,C++实现

    1.题目 请设计一个函数,用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径.路径可以从矩阵中的任意一个格子开始,每一步可以在矩阵中向左,向右,向上,向下移动一个格子.如果一条路径经过了矩阵中 ...

  4. 搭建简单Samba服务器

    本文主要实现搭建简单的Samba服务器,使得Windows能访问Linux下的共享目录,为了简单,已经关闭iptables和selinux. 1.安装samba服务器 #yum list all sa ...

  5. 自动化测试入门指南（3）-- 入门demo

    按照 自动化测试入门指南(2)-- 环境搭建搭建好环境后,我们继续一步步实现一个简单的入门例子 Step0. 安装Firefox浏览器(http://pan.baidu.com/s/1c00bw8g中 ...

  6. shell编程--遍历目录下的文件

    假定目录text下有如下文件      目录:dir_1.dir_2.dir_3 文件:text_1.text_2 遍历目录下所有的文件是目录还是文件 if -- if类型: #!bin/sh for ...

  7. HDU2222 Keywords Search 【AC自动机】

    HDU2222 Keywords Search Problem Description In the modern time, Search engine came into the life of ...

  8. 零基础学习hadoop到上手工作线路指导初级篇：hive及mapreduce

      此篇是在零基础学习hadoop到上手工作线路指导(初级篇)的基础,一个继续总结.五一假期:在写点内容,也算是总结.上面我们会了基本的编程,我们需要对hadoop有一个更深的理解:hadoop分为h ...

  9. 20165212 学习基础和C语言基础调查

    学习基础与C语言基础调查 阅读文章的心得体会 五篇文章都从不同角度阐述了毅力的重要性,打字.减肥.运动各方面,比如“每天一万步”这个任务,人们通过建群聊互相监督.“打卡”的方式来实现坚持的目的,我认为 ...

  10. 一个查看Cookie的便捷工具——EditThisCookie

    Appium正在努力准备中,很快就要和大家见面了- 今天给大家分享一个查看cookies的工具,用fiddler总感觉有点麻烦,还乱七八糟的找不到到底哪个链接是当前网站的cookies: 首先,你用的 ...