03.请求响应原理及HTTP协议.4. HTTP请求与响应处理

4.1 请求参数

客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。

4.2 GET请求参数

const http =require('http');
 //导入url系统模块用于处理url地址
 const url = require('url');
 const app = http.createServer();
 app.on('request',(req,res) => {
     //将url路径的各个部分解析出来并返回对象
     // true代表将参数解析为对象格式
     let { query }= url.parse(req.url,true);
     console.log(query);
 });
 app.listen(3000);

4.3 POST请求参数

  • 参数被放置在请求体中进行传输
  • 获取POST参数需要使用data事件和end事件
  • 使用querystring系统模块将参数转换为对象格式
// 导入系统模块querystring用于将HTTP参数转换为对象格式
 const querystring = require('querystring');
 app.on('request',(req,res) => {
    let postData ='';
    //监听参数传输事件
    req.on('data',(chunk)=> postData += chunk;);
    //监听参数传输完毕事件
    req.on('end',() => {
    //字符串转换为对象
    console.log(querystring.parse(postData));
    });
 });

4.4 路由

http://localhost:3000/index

http://localhost:3000/login

路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说,就是请求什么响应什么。


图解
// 当客户端发来请求的时候
 app.on('request',(req,res) => {
    //获取客户端的请求路径
    let  pathname = url.parse(req.url).pathname;
    if(pathname == '/' || pathname == '/index'){
         res.end('欢迎来到首页');
    }else if (pathname== '/list'){
         res.end('欢迎来到列表页页');
    }else {
        res.end('抱歉, 您访问的页面出游了');
    }
 });

4.5 静态资源

服务器端不需要处理,可以直接响应给客户端的资源就是静态资源,例如CSS、JavaScript、image文件。

http://www.itcast.cn/images/logo.png

4.6 动态资源

相同的请求地址不同的响应资源,这种资源就是动态资源。

http://www.itcast.cn/article?id=1

http://www.itcast.cn/article?id=2

4.7 客户端请求途径

1. GET方式

  • 浏览器地址栏
  • link标签的href属性
  • script标签的src属性
  • img标签的src属性
  • Form表单提交

2. POST方式

  • Form表单提交
示例
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容