美文网首页
node表单提交

node表单提交

作者: 温梦丽 | 来源:发表于2018-02-21 14:39 被阅读0次

今天发现表单提交中文,服务器得到的是编码后的数据。
提交英文,数字则不会被编码。

客户端:

//form.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://localhost:8082" method="post">
    用户名:<input type="text" name="user"><br>
    密码:<input type="password" name="pass"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>

服务器端

//server.js
const  express=require("express");
var server=express();
server.listen(8082);
server.use(function (req,res,next) {

    var str="";
    req.on("data",function (data) {
        str+=data;
    });
   req.on("end",function () {
        req.body=str;
        next();
    });
});
server.use('/',function (req,res) {
    console.log(req.body);
});

打印数据如下:


image.png

这时候就需要使用decodeURIComponent()解码,可以将打印那行改写成

console.log( decodeURIComponent(req.body));

打印数据如下:


image.png

相关文章

  • node表单提交

    今天发现表单提交中文,服务器得到的是编码后的数据。提交英文,数字则不会被编码。 客户端: 服务器端 打印数据如下:...

  • vue中axios发送post请求

    axiox的post参数提交 下面这个代码是修改axios post的提交方式为表单的方式 在node中 处理...

  • 12、Struts2表单重复提交

    什么是表单重复提交表单的重复提交:若刷新表单页面, 再提交表单不算重复提交.在不刷新表单页面的前提下:多次点击提交...

  • Http的post请求中表单、json提交的请求头、请求体区别

    1、真正的表单提交,http默认的也是表单 python模拟表单提交 2、json提交 python模拟json提交

  • Javascript-表单脚本

    一、表单的基础知识 1、表单提交 普通提交 以编程方式调用submit()方法提交表单 解决表单重复提交的办法:1...

  • FormData

    表单,FormData 对象 表单概述 表单用来收集用户提交的数据,发送到服务器 表单提交 1. 提交 表单里...

  • GET表单提交/POST表单提交/数据交互/ node 垃圾回收

    GET表单提交 POST表单提交 同时处理get与post请求 数据交互 HTML 数据库 扩展

  • JAVAWeb(第三周)

    表单提交方式 *使用submit提交 .... *使用button提交表单 -代码 //实现提交方法 functi...

  • Struts2学习笔记 | 防止表单重复提交及自定义拦截器

    表单重复提交的概述 若刷新表单页面,再提交表单不算重复提交。 若是重定向,已经提交成功后再刷新不算重复提交。 以下...

  • 表单

    表单基础 提交表单 Tips: 解决重复提交表单的问题的两个方法1)在第一次提交表单后就禁用提交按钮2)利用ons...

网友评论

      本文标题:node表单提交

      本文链接:https://www.haomeiwen.com/subject/pkfotftx.html