美文网首页
接收表单

接收表单

作者: benbensheng | 来源:发表于2019-03-25 12:51 被阅读0次

get

<form method="GET" action="http://localhost:8080/">
        <input type="text" name="title" />
        <input type="text" name="age" />
        <input type="radio" name="sex" value="男" />
        <input type="radio" name="sex" value="女" />        
        <input type="submit" />
    </form>
//接收get表单的提交
var http = require("http");
var url = require("url");
http.createServer(function(req,res){
    res.writeHead(200,{
        'Content-type':"text/html;charset=utf-8"
    })  //这里要设置要不然乱码
    var queryString = url.parse(req.url,true).query;
    var title = queryString.title;
    var age = queryString.age;
    var sex = queryString.sex;
    res.end(title+age+sex);
}).listen(8080);

post

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form method="POST" action="http://localhost:8080/doPost">
        <input type="text" name="title" /><br>
        <input type="text" name="age" /><br>
        <input type="radio" name="sex" value="男" />男
        <input type="radio" name="sex" value="女" />女 <br>
        <input type="checkbox" name="bobby" value="篮球">篮球
        <input type="checkbox" name="bobby" value="足球">足球
        <input type="checkbox" name="bobby" value="羽毛球">羽毛球
        <input type="submit" />
    </form>
</body>
</html>

var http =require("http");
var querystring =require("querystring");
var util =require("util")
var server=http.createServer(function(req,res){
    if(req.url=="/doPost"){
        var postData="";
        req.on("data",function(chunk){
            postData+=chunk;
        })
        req.on("end",function(){
            //console.log(postData);
            var param=querystring.parse(postData);
            res.writeHead(200,{"Content-type":"text/html;charset=utf8"});
            res.end(param.title+" "+param.age+" "+param.sex+" "+param.bobby.length);
        })
    }
})
server.listen(8080);

相关文章

  • 接收表单

    get post

  • php能干什么,

    处理权限问题 接收表单等

  • 5、接收表单数据

    接收表单数据:就是说用户在表单输入数据提交表单之后,页面怎么跳转,后台是怎么才能接收到这些数据。怎么查看呢,就是打...

  • springMVC接收参数

    * 使用map接收form表单 controller使用@RequestParam 注解map * 使用map接收...

  • HTML表单指南

    HTML表单指南 表单 表单的作用:HTML表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实...

  • HTML之form表单

    什么是form表单? 用来接收用户输入信息,表单中可以包含input标签。 form表单的属性 action :设...

  • nodejs-getpost提交http请求响应

    理解表单使用post方式提交数据时后端接收数据的方法 理解表单使用get方式提交数据时后端接收数据的方法 理解po...

  • HTML 表单的用法

    一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...

  • HTML表单用法

    一、表单 ##1.表单的作用HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...

  • Nodejs 文件上传

    node js 接收表单数据原理 使用 formidable 上传文件

网友评论

      本文标题:接收表单

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