服务器与浏览器的交互主要方式有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的内容了。