url / get / post

protocol -- 协议 http https
host -- 主机(默认或者IP地址)
port -- 端口
path -- 路径(请求路劲,约定了客户端请求的资源位置)
query -- 参数(查询字符串)
hash -- 锚点(哈希)

  • url
//url字符串形式-----url对象形式
const url = require('url');
let str = "http://www.baidu.com:8080/abc/qqq/ddd?key=123&word=javascript#id";
// 第一个参数为URL字符串
// 第二个参数true表示把query属性变成对象形式
// 第三个参数的作用主要用于操作//foo/bar这种格式的字符串,把双斜杠后面的第一个字符串解析为host
let obj = url.parse(str1, true, true);
console.log(obj);
console.log(obj.query.key);
console.log(obj.query.word);
//url对象形式----url字符串形式
let o =  {
  protocol: 'http:',
  slashes: true,
  auth: null,
  host: 'www.baidu.com:8080',
  port: '8080',
  hostname: 'www.baidu.com',
  hash: '#id',
  search: '?key=123&word=javascript',
  query: { key: '123', word: 'javascript' },  ------用的最多
  pathname: '/abc/qqq/ddd',
  path: '/abc/qqq/ddd?key=123&word=javascript',
  href: 'http://www.baidu.com:8080/abc/qqq/ddd?key=123&word=javascript#id' 
}
let str = url.format(o);
console.log(str);
  • get
    步骤:1.到静态资源服务器下面找login.html http://10.134.164.143:3000/www/login.html
    2.在login.html下面点击提交会变成 http://10.134.164.143:3000/check
//www下的login页面


  
    
    登录页面
  
  
    
---点击提交后就变成http://10.134.164.143:3000/check 用户名: 密 码:
//index.js
/*
    从服务器角度获取get请求参数
*/
const http = require('http');
const url = require('url');
const sserver = require('./static-server.js');
http.createServer((req,res)=>{
    // 启动静态服务器功能
    sserver.initStaticServer(req,res,__dirname,'/www');
    // 判断是否为表达提交url
    if(req.url.startsWith('/check')){
        let obj = url.parse(req.url,true);
        if(obj.query){
            // 设置响应内容格式和编码
            res.writeHead(200,{
                'Content-Type':'text/plain; charset=utf8'
            });
            // 判断用户名和密码是否正确
            if(obj.query.username=='admin'&&obj.query.password=='123'){
                res.end('登录成功');
            }else{
                res.end('用户名或者密码错误');
                console.log(obj.query.username)
            }
        }
    }
}).listen(3000,'10.134.164.143',()=>{
    console.log('running...');
});
  • post
/**
 * 从服务器角度获取post提交数据
 */

 const http = require('http');
 const querystring = require('querystring');
 const sserver = require('./static-server.js');

 http.createServer((req, res) => {
  // 启用静态服务器功能
  sserver.initStaticServer(req, res, __dirname, '/www');
  // 判断是否为表单提交的URL
  if(req.url.startsWith('/check')){
    let pdata = "";
    // 基于事件的回调函数,回调函数接收到一部分数据就调用一次
    req.on('data', (chunk) => {
      pdata += chunk;
    });

    // 接收到所有的数据之后才能调用end对应的回调函数
    req.on('end', () => {
      let obj = querystring.parse(pdata);

      // 设置响应内容格式和编码
      res.writeHead(200, {
        'Content-Type':'text/plain; charset=utf8'
      });

      // 判断用户名和密码是否正确
      if(obj.username == 'admin' && obj.password == "123"){
        res.end('登录成功');
      }else {
        res.end('用户名或者密码错误');
      }
    });

  }
}).listen(3000, () => {
  console.log("running……");
})

你可能感兴趣的:(url / get / post)