Node.JS的 get、post方法应用

最新推荐文章于 2024-05-11 04:38:19 发布

沐子**

最新推荐文章于 2024-05-11 04:38:19 发布

阅读量79

点赞数

文章标签： javascript html node.js

本文链接：https://blog.csdn.net/qq_43737870/article/details/113046619

版权

const  http = require('http')
const  url = require('url')
const querystring = require('querystring')
const fs = require('fs')
let user ={ 
    admin:123456
}

http.createServer((req,res)=>{

    //获取数据
    let path,get,post
    if(req.method =='GET'){
      let {pathname,query}  = url.parse(req.url,true)
      path = pathname,
      get  = query 
      complete()

    }else if(req.method=='POST'){
         let  arr=[]
         path = req.url;
         req.on('data',buffer=>{
             arr.push(buffer)
         })
         req.on('end',()=>{
             post = querystring.parse(Buffer.concat(arr).toString())
             complete()
         })
      

      }
      function complete(){
        
          if(path=='/login'){
            res.writeHead(200,{
                "Content-Type":"text/plain;charset=utf-8"
            })
             let {username ,password} = get

             if(!user[username]){
                
                 res.end(JSON.stringify({
                     err:1,
                     msg:"用户名不存在"
                 })
              )
          }else if(user[username]!=password){
            res.end(JSON.stringify({
                err:0,
                msg:"密码错误"
               })
              )
           }else{
              res.end(JSON.stringify({
                err:1,
                msg:"登录成功"
               }))
           }

          }else if(path=='/reg'){
            res.writeHead(200,{
                "Content-Type":"text/plain;charset=utf-8"
            })
              let {username,password}=post
                 if(user[username]){
                    res.end(JSON.stringify({
                        err:1,
                        msg:"账户已存在"
                       })
                    )  

                 }else{
                    user[username]=password 
                    res.end(JSON.stringify({
                        err:0,
                        msg:"注册成功"
                       })
                    )
                 }

          }else{
              fs.readFile(`./${path}`,(err,data)=>{
                  if(err){
                       res.end('404')
                  }else{
                    res.end(data)
                  }
              })
                
          }
      }
    


}).listen(8080)

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <title>Page Title</title>
  <meta name='viewport' content='width=device-width, initial-scale=1'>

  <script src='jquery.min.js'></script>
</head>
<body>
      用户名：<input type="text" id="username"><br>
      密码：<input type="password" id="password"><br>
      <button id="login">登录</button><br>
      <button id="reg">注册</button><br>


      <script>
        $('#login').click(function(){
          $.ajax({
            url:"/login",
            data:{
                username:$('uaesname').val(),
                password:$('password').val()
            },
            dataType:"json",
            success(res){
              if(res.err){
               alert(res.msg)
              }else{
                alert("登录成功")
                location.href="admin.html"
              }
            }
          })
        })
        $('#reg').click(function(){
          $.ajax({
            url:"/reg",
            method:"post",
            data:{
                username:$('uaesname').val(),
                password:$('password').val()
            },
            dataType:"json",
            success(res){
              if(res.err){
               alert(res.msg)
              }else{
                alert("注册成功")
              }
            }
          })
        })
        
       </script>
</body>
</html>