Form表单提交

Form提交表单


1.创建服务器

Var http=require(“http”);

http.createServer(function(req,res){

res.writeHead(200,{”Content-Type”:”text/html;charset:utf-8”});

Res.end();

}).listen(2345);

Console.log(“服务器已开启”);

2.form表单

<!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>登陆</title>

  <style >

    .onsi{

      color:red;

    }

  </style>

</head>

<body>

  <!-- get请求 -->

  <form  method="get"  action="http://127.0.0.1:2345">

    <!-- post请求 -->

  <!-- <form  method="post"  action="http://127.0.0.1:2345"> -->

  用户名: <input type="text" name="name" placeholder="username" style="font-size:20px;" size="20" οnfοcus="this.value=''" class="onsi"><br/>

     密码: <input type="text"  name="pass" placeholder="password" style="font-size:20px; " size="20" οnfοcus="this.value=''" class="onsi"><br/>

  <input type="submit" value="登陆">

  </form>

</body>

</html>

3.get请求

//get请求

//导入http模块用于搭建http服务器

var http=require("http");

// 导入url模块,用于获取get请求中的数据

var url=require("url");

// get请求的服务器

http.createServer(function(req,res){

  // 从请求中获取数据

  // url进行解析,设置query的内容为对象

  var urlObj=url.parse(req.url,true);

  // 响应数据

  res.writeHead(200,{"Content-Type":"text/html;charset:utf-8"});

  res.write("用户名:"+urlObj.query.name);

  res.write("密码:"+urlObj.query.pass);

  res.end();

}).listen(2345);

console.log("服务器已开启");

4.post请求

//post请求

var http = require("http");

var querystring = require("querystring");

// post请求

http.createServer(function(req, res) {

    // 获取post请求

    // 请求的data事件,获取到数据时触发,这个事件会触发多次,post请求会把数据分包进行发送

 

    var postData = ""; //用于记录获取的数据

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

        // 把获取的数据拼接在一起

        postData += chunk;

    });

    // 请求end事件,当数据发送完毕时触发

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

        // 字符串进行解析

        postData = querystring.parse(postData);

        // 响应数据

        res.writeHead(200, {"Content-Type": "text/html;charset=utf-8"});

        if (postData.name && postData.pass) {

            res.write("用户名:" + postData.name);

            res.write("密码:" + postData.pass);

        } else {

            res.write("no find");

        }

        res.end();

    });

 

}).listen(2345);

console.log("服务器已开启");

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值