最近在学些node，按照《nodejs实战》上的代码做练习，发现有表单重复提交的问题

第一次打开页面,显示如图是get请求

　　

　　　　　　　图1

现在我们提交aaa，显示如图，post请求

　　

　　　　　　图2

刷新页面，应该显示图1的，结果确实下面这张图，post请求。即使是按ctrl+f5刷新没用,浏览器还是重复提交了上次的内容，显示如图

　　

　　　　　　图3

不断的刷就这样了，求教这个是为什么？

　　

　　　　　　图4

node代码如下

var http=require("http");

var qs = require("querystring");

var items=[];

var server=http.createServer(function(req,res){

    console.log("req.url",req.url);

    console.log("req.method",req.method);

    if("/"==req.url){

        switch(req.method){

            case "GET":

                show(res);

                break;

            case "POST":

                add(req,res);

                break;

            default:

                badRequest(res);

        }

    }else{

        notFound(res);

    }

})

server.listen(3000);

function show(res){

    var html='<html><head><title>Todo List</title></head><body>'

        +'<h1>Todo List</h1>'

        +'<ul>'

        +items.map(function(item){

            return '<li>'+item+'</li>'

        }).join('')

        +'</ul>'

        +'<form method="post" action="/">'

        +'<p><input type="text" name="item"/></p>'

        +'<p><input type="submit" value="Add Item"/></p>'

        +'</form></body></html>';

    res.setHeader("Content-Type","text/html");

    res.setHeader("Content-Length",Buffer.byteLength(html));

    res.end(html);

}

function notFound(res){

    res.statusCode=404;

    res.setHeader("Content-Type","text/plain");

    res.end("notFound");

}

function badRequest(res){

    res.statusCode=400;

    res.setHeader("Content-Type","text/plain");

    res.end("Bad Request");

}

function add(req,res){

    var body='';

    req.setEncoding("utf-8");

    req.on("data",function(chunk){

        console.log("chunk",chunk);

        body+=chunk;

    })

    req.on("end",function(){

        var obj=qs.parse(body);

        items.push(obj.item);

        show(res);

    })

}

求教——使用node做表单，刷新浏览器页面，浏览器为什么会重复提交上次所填的信息的更多相关文章

  1. node.js表单——formidable/////z

    node.js表单--formidable   node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装pack ...

  2. node.js表单——formidable

    node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装package的路径分为两种,一种是本地目录,一种是全局 ...

  3. 不用写代码也能做表单 —— 加载meta即可

    做增删改查要写多少代码? 一个表单一套代码,十个表单十套代码吗? 我这么懒,怎么会写这么多代码? 我想做到:即使一百个表单也只需要一套代码(而且不需要复制粘贴).实现多个表单,只需要加载不同的meta ...

  4. [转载]WebBrowser控件表单（form）的自动填写和提交

    话说有了WebBrowser类,终于不用自己手动封装SHDocVw的AxWebBrowser这个ActiveX控件了.这个类如果仅仅作为一个和IE一模一样浏览器,那就太没意思了(还不如直接用IE呢). ...

  5. SharePoint 2013 修改表单认证登录页面

    前 言 之前的博客我们介绍了如何为SharePoint配置表单登陆,但是,登陆页面是丑.很丑.非常丑.特别非常丑!我们现在就介绍一下如何定制SharePoint表单登陆页面! SharePoint 表 ...

  6. SharePoint 2013 改动表单认证登录页面

    前 言 之前的博客我们介绍了怎样为SharePoint配置表单登陆,可是.登陆页面是丑.非常丑.非常丑.特别非常丑! 我们如今就介绍一下怎样定制SharePoint表单登陆页面! SharePoint ...

  7. RookeyFrame Bug 表单管理 -> 查看表单 ->编辑字段页面 JS报错

    表单管理 -> 查看表单 ->编辑字段页面 小bug onchange里面直接就是方法,修改:去掉外面的function(){},直接把方法体写在onchange里面就可以了. 后台方法: ...

  8. bootstrapValidator.js 做表单验证

    有这样的一个场景,我们在提交form表单的时候 可能要做一些验证,比如判断是不是为空,电话的格式验证,邮箱的格式验证等等,手写起来也是可以得. 但是今天我介绍一个bootstrap插件简化开发.就是b ...

  9. node处理表单文件，获取formdata的数据

    参考文章:https://blog.csdn.net/a895458278/article/details/48055143# 应用: formidable使用: 原生的node.js在处理客户端以P ...

随机推荐

  1. 框架操作DOM和原生js操作DOM比较

    问题引出 对于Angular和React操作DOM的速度,和原生js操作DOM的速度进行了一个比较: 一个同学做的demo 代码如下: <!DOCTYPE html> <html n ...

  2. vbs下载文件

    Dim Url,SavePath,FilenameUrl="http://www.kumi.cn/photo/43/7e/63/437e636e413071e3.jpg"SaveP ...

  3. thinkphp实现单图片上传

    $config=array( 'maxSize' => 3145728, 'savePath' => './Public/Uploads/', 'rootPath' => './', ...

  4. 几篇关于VisualStudio的调试工具文章

    现代的软件变得日益复杂,强大的调试功能也变得日益重要起来.在VisualStudio的最近几个版本中,在调试工具方面也是增强了不少的,本文转录了几个微软官方介绍的一些新增的调试功能的文章,如果能很好的 ...

  5. 第 一 百 天上课 PHP TP框架 数据库修改和删除

    修改的三种方式 //造数组的方式修改 public function xiugai1() { $db=D('yonghu'); $attr=array ( 'zhanghao'=>001, // ...

  6. Oracle优化查询技巧

    1. WHERE子句中的连接顺序:Oracle采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前, 那些可以过滤掉最大数量记录的条件必须写在WHERE子句的 ...

  7. VC++ 控制外部程序,向外部程序发送一个消息的方法

    这里需要考虑两部分的内容: 发送端: 查找对应的窗体,找到CWnd的值 向窗体发送消息 举例: CWnd* wnd = FindWindow(NULL, _T("选择题做题过程中" ...

  8. VC++ 关于 ON_UPDATE_COMMAND_UI 相关的作用.

    ON_COMMAND_RANGE(ID_SORTING_GROUPBYTYPE, ID_SORTING_SORTBYACCESS, OnSort) ON_UPDATE_COMMAND_UI_RANGE ...

  9. 解决方法:An error occurred on the server when processing the URL. Please contact the system administrator

    在WINDOWS7或SERVER2008上安装了IIS7.5,调试ASP程序时出现以下错误: An error occurred on the server when processing the U ...

  10. （ 解压缩版 免安装版 或 zip版 ）如何修改mysql5.6.24 字符编码

    1.当我们把zip文件格式解压到指定目录后,并且完成基本环境配置后,打开mysql 5.6.24会发现名为[my-default.ini]的文件.我们用记事本打开该文件会发现并没有[default-c ...