Nodejs基础6之HTTP模块的获取请求行和请求头、获取请求体、获取请求路径和查询字符串、http请求练习、设置HTTP响应报文、http响应练习

最新推荐文章于 2024-04-23 17:14:38 发布
最新推荐文章于 2024-04-23 17:14:38 发布
阅读量2k 收藏 21
点赞数 23
分类专栏： Nodejs 前端 文章标签： http 网络协议 网络 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34306228/article/details/135941962
版权

Nodejs基础

HTTP模块

含义语法重点掌握
请求方法request.method*
请求版本request.httpVersion
请求路径request.url*
URL 路径require(‘url’).parse(request.url).pathname*
URL 查询字符串require(‘url’).parse(request.url, true).query*
请求头request.headers*
请求体request.on(‘data’, function(chunk){})，request.on(‘end’, function(){});

获取请求行和请求头

// 1、导入http模块
const http=require('http')

// 2、创建服务对象
const server=http.createServer((request,response)=>{
    response.end('hello http')  //设置响应体
    // 获取请求的方法
    console.log("request.method：",request.method)
    // 获取请求的url
    console.log("request.url：",request.url)  //只包含url中的路径与查询字符串
    // 获取http协议的版本号
    console.log("request.httpVersion：",request.httpVersion)
    // 获取http的请求头
    console.log("request.headers:",request.headers);
    console.log("request.headers.host",request.headers.host)  //获取单个的请求头
})

// 3、监听端口，启动服务
server.listen(9000,()=>{
    console.log('服务已经启动...')
})

浏览器发送请求：
请添加图片描述
终端输出内容：
请添加图片描述

获取请求体

//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    //1.声明一个变量
    let body=''
    //2.绑定data事件
    request.on('data',chunk => {
        body+=chunk  //进行加法运算时候，会将字节自动转换为字符串进行加法运算
    })
    //3.绑定end事件
    request.on('end',()=>{
        console.log(body)
        //响应
        response.end('httpServer')
    })
})

server.listen(9000,()=>{
    console.log("服务器已经启动了...")
})

form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:9000" method="post">
    <input type="text" name="username"> <br>
    <input type="password" name="password"> <br>
    <input type="submit" value="提交">
</form>
</body>
</html>

  1. 启动服务
    在这里插入图片描述

  2. 浏览器打开form表单，输入账户密码，点击提交
    在这里插入图片描述

  3. 提交之后页面跳转链接

在这里插入图片描述

  1. 终端输出url拼接字符串
    在这里插入图片描述

获取请求路径和查询字符串

方式一

const http=require('http')
//1、引入url模块
const url=require('url')

const server = http.createServer((request,response)=>{
    //2、解析request.url
    const res=url.parse(request.url)
    console.log("res",res)
    // 路径
    console.log("res.pathname",res.pathname);
    // 解析request.url 第二个参数设置为true
    const resObj=url.parse(request.url,true)
    console.log("resObj",resObj)
    // 查询字符串
    console.log("resObj.query.keyword",resObj.query.keyword)
    response.end('url')
});

server.listen(9000,()=>{
    console.log("服务器已经启动......")
})

发送了两个请求
在这里插入图片描述
输出的也是两个请求的内容：
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

方式二

const http=require('http')

const server=http.createServer((request,response)=>{
    // 实例化url对象
    // let url=new URL('/search?a=100&b=200','http://127.0.0.1:9000')
    let url=new URL(request.url,'http://127.0.0.1')
    console.log("url",url)
    //输出路径
    console.log("url.pathname",url.pathname)
    //输出 keyword 查询字符串
    console.log("url.searchParams.get('keyword')",url.searchParams.get('keyword'))
    response.end('url new')
})

server.listen(9000,()=>{
    console.log("服务已经启动...")
})

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

http请求练习

按照以下要求搭建 HTTP 服务

请求类型(方法)请求地址响应体结果
get/login登录页面
get/reg注册页面
const http=require('http')

const server = http.createServer((request,response)=>{
    //获取请求的方法
    let {method} = request
    //获取请求的url路径
    let {pathname}=new URL(request.url,'http://127.0.0.1')
    response.setHeader('content-type','text/html;charset=utf-8')
    //判断
    if(method==='GET'&&pathname==='/login'){
        //登录的情形
        response.end('登录页面')
    }else if(method==="GET"&&pathname==='/reg'){  //register 注册
        response.end('注册页面')
    }else{
        response.end('Not Found')
    }
});

server.listen(9000,()=>{
    console.log("服务已经启动...")
})

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

设置HTTP响应报文

作用语法
设置响应状态码response.statusCode
设置响应状态描述response.statusMessage （用的非常少）
设置响应头信息response.setHeader(‘头名’, ‘头值’)
设置响应体response.write(‘xx’)
response.end(‘xxx’)

状态码

const http=require('http')

const server = http.createServer((request,response)=>{
	//1、设置响应状态码
    response.statusCode=205
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述
2.

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    response.statusCode=205
    response.statusCode=404
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

响应状态描述

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    response.statusMessage='iloveyou';
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

响应头

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    response.setHeader('content-type','text/html;charset=utf-8')
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    // response.setHeader('content-type','text/html;charset=utf-8')
    response.setHeader('Server','Node.js')
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    // response.setHeader('content-type','text/html;charset=utf-8')
    // response.setHeader('Server','Node.js')
    response.setHeader('myServer','test test test')
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    // response.setHeader('content-type','text/html;charset=utf-8')
    // response.setHeader('Server','Node.js')
    // response.setHeader('myServer','test test test')
    response.setHeader('test',['a','b','c'])
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

  1. 还可以一起来
const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    response.setHeader('content-type','text/html;charset=utf-8')
    response.setHeader('Server','Node.js')
    response.setHeader('myServer','test test test')
    response.setHeader('test',['a','b','c'])
    response.end('response')
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

响应体

const http=require('http')

const server = http.createServer((request,response)=>{
    //1、设置响应状态码
    // response.statusCode=205
    // response.statusCode=404
    //2、设置响应状态描述
    // response.statusMessage='iloveyou';
    //3、响应头
    // response.setHeader('content-type','text/html;charset=utf-8')
    // response.setHeader('Server','Node.js')
    // response.setHeader('myServer','test test test')
    // response.setHeader('test',['a','b','c'])
    //4、设置响应体
    response.write('how')
    response.write('are')
    response.write('you')
    //一般设置了响应体之后就不设置end了，但是end只能有一个
    response.end()
});

server.listen(9000,()=>{
    console.log("服务已经启动....")
})

在这里插入图片描述

HTTP响应练习

搭建 HTTP 服务，响应一个 4 行 3 列的表格，并且要求表格有隔行换色效果，且点击单元格能高亮显示

const http=require('http')

const server=http.createServer((request,response)=>{
    response.end(`<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            table{
                cursor: pointer;
            }
            td{
                padding: 20px 40px;
            }
            table tr:nth-child(odd){
                 background-color:pink;
            }
            table tr:nth-child(even){
                background-color: skyblue;
            }
        </style>
    </head>
    <body>
      <table border="1" style="border-collapse: collapse">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
          <tr>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td></td>
              <td></td>
              <td></td>
          </tr>
      </table>
      <script>
          let tds=document.querySelectorAll('td')
          tds.forEach(item=>{
              item.οnclick=function (){
                  this.style.backgroundColor='lightcyan'
              }
          })
      </script>
    </body>
    </html>
    `)
})

server.listen(9000,()=>{
    console.log("服务已经启动...")
})

请添加图片描述

VillanelleS
关注
  • 23
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
转-请求与响应的Header
Big_data_implicit_
10-16 223
转自：https://blog.csdn.net/u011435776/article/details/80249560 1)请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: /(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Connection: Keep-Alive(维护客户端和服务端的连接关系) Host: lo
nodejs使用http模块发送get与post请求的方法示例
12-23
本文实例讲述了nodejs使用http模块发送get与post请求的方法。分享给大家供大家参考，具体如下： GET请求 var http = require('http'); var querystring = require('querystring'); var data = { a: 123, time: ...
node html响应头,nodejs 中http请求头，响应头
weixin_34929181的博客
06-18 418
-------------------- 1.request常见的属性 -----------------------var http=require("http");var server=http.createServer(); //创建服务器server.on("request",function(req,res){// request.headers 打印全部请求头信息--对象形式// ...
第一章 NODE-RED http 节点使用
最新发布
顾西昂的博客
04-23 734
物联网平台中经常会遇到集成Node-RED开源项目，Node-RED是基于Node.js构建的轻量级开源工具，可以低成本的连接设备获取设备数据。Http请求节点结合基础节点的简单应用。
nodejs 中http请求头，响应头常见参数
weixin_33991727的博客
09-28 1833
2019独角兽企业重金招聘Python工程师标准>>> ...
【js逆向】请求头
lxtx
01-11 1166
首先, cookie就是保存在客户端(浏览器)上的一个字符串. 在每次发送请求时, 浏览器会自动的带上cookie的信息传递给服务器.尤其在用户登录后, 为了能准确的获取到用户登录信息. cookie一般都会在请求是跟随请求头一起提交到服务器.
httpHeader在nodejs（express）
azt56643的博客
07-20 381
每次写一个web应用的时候，自己对HTTP header的应用使用的非常少，然而HTTP header是HTTP格式中非常重要的一个东西，被运用的最多的cookie就是其中之一。详细 创建一个nodejs服务器，使用了express框架 const express = require('express'); const app = express(); ...
nodejs实现的http、https 请求封装操作示例
10-15
主要介绍了nodejs实现的http、https 请求封装操作,结合实例形式分析了node.js针对http、https 请求的封装与使用相关操作技巧,需要的朋友可以参考下
详解nodejs http请求相关总结
01-01
通过node提供的http模块，可以通过其提供的get()和request()两个方法发起http请求，get()是对request()方法的封装，方便发起get请求，如果要实现post请求，那么需要对request()方法进行封装。 request()方法 let ...
nodejs发送http请求时遇到404长时间未响应的解决方法
12-23
通常，我们在使用nodejs发送http请求时，一旦遇到404响应，nodejs内部...经过调试发现，是由于底图加载请求超时的缘故，和nodejs一样，silverlight一直在进行请求直到超出它自己设定的响应时限。 于是，我当时正好有业
JavaScript常见的请求头和响应头
我是小奶音啊的博客
03-06 921
1 请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: /(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Connection: Keep-Alive(维护客户端和服务端的连接关系) Host: localh...
java通过HttpServletRequest获取post请求中的body内容的方法
08-28
本篇文章主要介绍了java通过HttpServletRequest获取post请求中的body内容的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS细节知识点（请求头，rem，事件对象，自定义全局变量）
weixin_46240162的博客
06-11 293
浏览器的请求头的使用 请求头：navigator 对象的 userAgent 属性，使用这个属性我们可以判断用户是在手机浏览器还是电脑上操作。 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone o
Node.js —— HTTP请求方法：get,head,put,delete,post
starter_____的博客
11-30 6636
一、标准Http协议支持六种请求方法： 1、GET 2、POST 3、PUT 4、Delete 5、HEAD 6、Options 二、不同请求方法的用途： 1，GET： GET可以说是最常见的了，它本质就是发送一个请求来取得服务器上的某一资源。资源通过一组HTTP头和呈现据（如HTML 文本，或者图片或者视频等）返回给客户端。GET请求中，永远不会包含呈现数据。 2，HEAD： H
关于HttpServletRequest、ServerHttpRequest获取请求IP问题
Thanks__的博客
07-28 2310
关于HttpServletRequest、ServerHttpRequest获取请求IP问题
Nodejs http "The header content contains invalid characters ClientRequest.OutgoingMessage.setHeader"
pengpengzhou的博客
08-07 1347
当http请求header里的任意字段包含中文或其它非法字符都会报如下错误。对于header非法字符的判定方法，从Nodejs的4.x开始一直在改进，直到9.x才稳定下来。 _http_outgoing.js:363 throw new TypeError('The header content contains invalid characters'); ^ Typ...
Servlet API中使用Request对象获取HTTP协议请求内容
淡墨青衫、剑轻吟
12-16 1839
Servlet API中使用Request对象获取HTTP协议请求内容
nodejs获取前台传的请求头header信息及各字段简单介绍
热门推荐
艾小逗
12-04 1万+
nodejs 获取请求头方法 router.post('/user_list', function (req, res, next) { // 获取前端请求头发送过来的sessiontoken var token=req.headers.sessiontoken // 如果想要查看一下请求头都包含哪些信息，可以log一下header console.log(req.headers...
Gateway拦截器获取接口请求参数 ServerHttpRequest
weixin_56576835的博客
07-27 641
可以用JSONObject 转成JSON 对象使用。
nodejs获取请求体
07-28
在 Node.js 中，你可以使用内置的 `http` 或 `express` 模块来获取请求体。下面是两种方法的示例： 使用 `http` 模块： ```javascript const http = require('http'); const server = http.createServer((req, res) => { let body = ''; req.on('data', chunk => { body += chunk.toString(); // 将数据转换为字符串并拼接到请求体中 }); req.on('end', () => { console.log(body); // 打印请求体 res.end('Request received'); }); }); server.listen(3000, () => { console.log('Server listening on port 3000'); }); ``` 使用 `express` 框架： ```javascript const express = require('express'); const app = express(); app.use(express.json()); // 解析 JSON 请求体 app.use(express.urlencoded({ extended: true })); // 解析 URL 编码的请求体 app.post('/endpoint', (req, res) => { console.log(req.body); // 打印请求体 res.send('Request received'); }); app.listen(3000, () => { console.log('Server listening on port 3000'); }); ``` 这些示例分别展示了通过 `http` 模块和 `express` 框架获取请求体的方法。你可以根据自己的需求选择其中之一。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值