node.js:学习4_new url(resurl);-CSDN博客

本文链接：https://blog.csdn.net/qq_51813155/article/details/120955079

node.js:学习4

1.获取表单：提交的值name？

在这里插入图片描述

/login?eee=wwwwwwwww&wwww=wwwwwwwww:获取？
因为parse被弃用，所以用new URL
new URL 有：url.serch ,SearchParams

再用： var query = aaaa.get(‘eeee’)
把值交给：query由name标签名为eeee

URLSearchParams(url.search)
在这里插入图片描述

 var url = new URL(req.url, 'http://localhost:3000')//
        var aaaa = new URLSearchParams(url.search)//获取
        var query = aaaa.get('eeee')
        var queryr = aaaa.get('wwww')

在这里插入图片描述

代码：html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<form action="/login" method="get">

    <input type="text" name="eeee" id="" required minlength="4">
    <button type="submit">发表leil</button>
    <textarea name="wwww" id="" cols="30" rows="10" required minlength="5" maxlength="20"></textarea>
   <button>111</button>

    




    </textarea>

</form>
<script>




    
</script>


</body>
</html>

代码node.js

var http = require("http"); // http 模块
var fs=require("fs")
var url=require('url')

http.createServer(function(req, res) {
    var url = new URL(req.url, 'http://localhost:3000')
        var aaaa = new URLSearchParams(url.search)
        var query = aaaa.get('eeee')
        var queryr = aaaa.get('wwww')

    console.log(query)
    console.log(queryr)

    
    

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


    fs.readFile('./01.html',function(err,data) {



    
        if(err){
        
        res.setHeader('Content-Type','text/plain; charset=utf-8')
        
             res.end('wss')
        
        }
        
        else {
        
        res.setHeader('Content-Type','text/html; charset=utf-8')
        res.end(data)
    
    }


})


}
else if(req.url==='/login')
{

    fs.readFile('./02.html',function(err,data) {
    
        if(err){
        
        res.setHeader('Content-Type','text/plain; charset=utf-8')
        
             res.end('wss')
        
        }
        
        else {
        
        res.setHeader('Content-Type','text/html; charset=utf-8')
        res.end(data)
    
    }




})


}



}).listen(3000);
console.log("服务")
//res.write('hello')
//res.write('world!')
 // res.end('index page');



/*

 fs.readFile('./07.html',function(err,data) {
    
if(err){

res.setHeader('Content-Type','text/plain; charset=utf-8')

     res.end('wss')

}

else if(pathname==='/pinglun'){

res.setHeader('Content-Type','text/html; charset=utf-8')
res.end(data)

}

else{


}

}

 })


}).listen(3000);
console.log("服务")
//fs.readFile('./07.png',function(err,data)

//res.setHeader('Content-Type','image/jpeg; charset=utf-8')



/*
var parseObj=url.parse(req.url,true)
var pathname=parseObj.pathname

if(url==='/post'){

}

if(pathname==='/pinglun'){
  res.end('wss')
}

*/

2.只获取/logn：

/login?eee=wwwwwwwww&wwww=wwwwwwwww:
**pathame:’/pinglun’**用这样的方法
代码：

 var url = new URL(req.url, 'http://localhost:3000')
  var path=url.pathname
console.log(path)

在这里插入图片描述

3.表单提交：跳转页面成功

var http = require("http"); // http 模块
var fs=require("fs")
var url=require('url')
 

http.createServer(function(req, res) {
    var url = new URL(req.url, 'http://localhost:3000')
        var aaaa = new URLSearchParams(url.search)
        var query = aaaa.get('eeee')
        var queryr = aaaa.get('wwww')
       var path=url.pathname


    console.log(query)
    console.log(queryr)
    console.log(path)
   


    
    

if(req.url==='/')
    
       
{
    fs.readFile('./01.html',function(err,data) {



    
        if(err){
        
        res.setHeader('Content-Type','text/plain; charset=utf-8')
        
             res.end('wss')
        
        }
        
        else {
        
        res.setHeader('Content-Type','text/html; charset=utf-8')
        res.end(data)
    
    }


})



}else
 if(path==='/login'){

    fs.readFile('./02.html',function(err,data) {



    
        if(err){
        
        res.setHeader('Content-Type','text/plain; charset=utf-8')
        
             res.end('wss')
        
        }
        
        else {
        
        res.setHeader('Content-Type','text/html; charset=utf-8')
        res.end(data)
    
    }


})

}








}).listen(3000);
console.log("服务")