Node.js系列——(2)发起get/post请求

释放双眼,带上耳机,听听看~!

服务器与浏览器的交互主要方式有get/post请求。
下面,我们来看一下node.js发起get/post请求。

1、get

由于get请求的参数在url后面,所以相对比较简单。node.js中的url模块提供了parse函数来处理。具体代码如下:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1//引入模块
2var http=require('http');
3var url=require('url');
4var util=require('util');
5
6//创建http Server 处理请求
7http.createServer(function(req,res){
8    res.writeHead(200,{'Content-Type': 'text/plain'});
9
10    //解析url参数
11    var params=url.parse(req.url,true).query;
12    res.write('用户名:'+params.name);
13    res.write('\n');
14    res.write('密码'+params.password);
15    res.end();
16}).listen(8888);
17

测试:

注意:上面代码中监听的是8888端口。

2、post

post请求的内容都包含在请求体中,因此处理起来没有get请求那么简单。所有node.js 默认是不会解析请求体的,当你需要的时候,需要手动来做。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
1//引入模块
2var http=require('http');
3var querystring=require('querystring');
4
5
6var postHTML =
7  '<html><head><meta charset="utf-8"><title> Node.js 实例</title></head>' +
8  '<body>' +
9  '<form method="post">' +
10  '用户名: <input name="name"><br>' +
11  '密码: <input name="password"><br>' +
12  '<input type="submit">' +
13  '</form>' +
14  '</body></html>'
15console.log('准备html');
16//创建http Server 处理请求
17http.createServer(function(req,res){
18    console.log('进入http Server');
19    //定义post变量,暂存请求体信息
20    var body='';
21
22    //通过req的data事件监听函数,当接收到请求体的数据,累加到post变量
23    req.on('data',function(chunk){
24        body+=chunk;
25    });
26    console.log('进入req end 1');
27    //在end事件触发后,将post解析为真正的post请求格式
28    req.on('end',function(){
29        body=querystring.parse(body);
30        res.writeHead(200,{'Content-Type': 'text/html; charset=utf8'});
31        console.log('进入req end 2');
32        if(body.name && body.password){
33            res.write(body.name);
34            res.write('<br>');
35            res.write(body.password);
36        }else{
37            res.write(postHTML);
38        }
39        res.end();
40    });
41}).listen(8888);
42

测试:
在node终端启动成功后,浏览器输入地址http://localhost:8888,看到如下页面:

输入用户名和密码,完成回写到浏览器。

3、扩展

到此,node.js处理get和post请求的小例子就做完了。现在,应该和过去的语言对比找关系,编织知识网了。

3.1模块

每种语言都提供了一定的“基础设施”或者叫“基础工具”,比如java/c++的类库。node也提供了很多模块、函数、常用工具等,引入的位置在Demo的最上方,看到模块的名字基本上就能猜到它的功能。
比如:


1
2
3
4
1var http=require('http');
2var url=require('url');
3var util=require('util');
4

3.2Web服务器

Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。

大致的架构逻辑是:Browser——>Web Server——>Application Server——>DB。

web服务器、客户端实例:
需要引入http模块,使用createServer方法创建。

注意:这里就不详细介绍了,只说明主要流程。

1)Server


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
1//创建http服务器
2http.createServer( function (request, response) {  
3   // 解析请求,包括文件名
4   var pathname = url.parse(request.url).pathname;
5
6   // 从文件系统中读取请求的文件内容,
7   fs.readFile(pathname.substr(1), function (err, data) {
8
9         // 响应文件内容
10         response.write(data.toString());      
11      }
12      //  发送响应数据
13      response.end();
14   });  
15}).listen(8081);
16
17// 控制台会输出以下信息
18console.log('Server running at http://127.0.0.1:8081/');
19

2)Client


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
1var http = require('http');
2
3// 封装请求的对象
4var options = {
5   host: 'localhost',
6   port: '8081',
7   path: '/index.htm'  
8};
9
10// 处理响应的回调函数
11var callback = function(response){
12   // 不断更新数据
13   var body = '';
14   response.on('data', function(data) {
15      body += data;
16   });
17
18   response.on('end', function() {
19      // 数据接收完成
20      console.log(body);
21   });
22}
23// 向服务端发送请求
24var req = http.request(options, callback);
25req.end();
26

执行server.js,

然后执行client.js,然后就可以获得index.html的内容了。

给TA打赏
共{{data.count}}人
人已打赏
安全技术

哈希(Hash)与加密(Encrypt)的基本原理、区别及工程应用

2021-8-18 16:36:11

安全技术

C++ 高性能服务器网络框架设计细节

2022-1-11 12:36:11

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索