目录:
一 express框架接收
二 接收Get
三 发送Get
四 接收Post
五 发送Post
一 express框架接收
1
2
3
4
5
|
app. get ( ‘/‘ ,function(req,res) { var url = req.query.url; var name = req.query.name; console.log(url, name); }); |
二 接收Get
1. get参数在req.url上
2. 使用url.parse将数据由字符串转变为obj
index.js:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
var http = require( ‘http‘ ); var url = require( ‘url‘ ); var util = require( ‘util‘ ); //req 请求信息 res返回信息 http.createServer(function(req, res){ res.writeHeader(200, { ‘Content-Type‘ : ‘text/javascript;charset=UTF-8‘ }); //状态码+响应头属性 // 解析 url 参数 var params = url.parse(req.url, true ).query; //parse将字符串转成对象,req.url="/?url=123&name=321",true表示params是{url:"123",name:"321"},false表示params是url=123&name=321 res.write( "网站名:" + params .name); res.write( "\n" ); res.write( "网站 URL:" + params .url); res.end(); }).listen(3000); |
浏览器打开:
1
|
http: //127.0.0.1:3000/?url=123&name=321 |
网页显示:
1
2
|
网站名:321 网站 URL:123 |
三 发送Get
index.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
|
var http = require( ‘http‘ ); var qs = require( ‘querystring‘ ); var data = { a: 123, time: new Date().getTime()}; //这是需要提交的数据 var content = qs.stringify(data); var options = { hostname: ‘127.0.0.1‘ , port: 10086, path: ‘/pay/pay_callback?‘ + content, method: ‘GET‘ }; var req = http.request(options, function (res) { console.log( ‘STATUS: ‘ + res.statusCode); console.log( ‘HEADERS: ‘ + JSON.stringify(res.headers)); res.setEncoding( ‘utf8‘ ); res. on ( ‘data‘ , function (chunk) { console.log( ‘BODY: ‘ + chunk); }); }); req. on ( ‘error‘ , function (e) { console.log( ‘problem with request: ‘ + e.message); }); req.end(); |
四 接收Post
当请求这个页面时,如果post数据中没有name和url,则返回一个提交页面;如果有name和url,则打印。
1. post请求会触发"data"事件。
2. chuck使用+=保存,因为会额外请求favicon.ico,导致body={}。
3. 请求结束,会触发"end"事件。将chuck反序列化querystring.parse(body)为对象数组, 使用body.name访问post变量。
index.js:
1
|
|
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
|
var http = require( ‘http‘ ); var querystring = require( ‘querystring‘ ); var postHTML = ‘<html><head><meta charset="utf-8"><title>菜鸟教程 Node.js 实例</title></head>‘ + ‘<body>‘ + ‘<form method="post">‘ + ‘网站名: <input name="name"><br>‘ + ‘网站 URL: <input name="url"><br>‘ + ‘<input type="submit">‘ + ‘</form>‘ + ‘</body></html>‘ ; http.createServer(function (req, res) { //暂存请求体信息 var body = "" ; //请求链接 console.log(req.url); //每当接收到请求体数据,累加到post中 req. on ( ‘data‘ , function (chunk) { body += chunk; //一定要使用+=,如果body=chunk,因为请求favicon.ico,body会等于{} console.log( "chunk:" ,chunk); }); //在end事件触发后,通过querystring.parse将post解析为真正的POST请求格式,然后向客户端返回。 req. on ( ‘end‘ , function () { // 解析参数 body = querystring.parse(body); //将一个字符串反序列化为一个对象 console.log( "body:" ,body); // 设置响应头部信息及编码\<br><br> res.writeHead(200, {‘Content-Type‘: ‘text/html; charset=utf8‘}); |
1
2
3
4
5
6
7
8
9
10
|
if (body.name && body.url) { // 输出提交的数据 res.write( "网站名:" + body.name); res.write( "<br>" ); res.write( "网站 URL:" + body.url); } else { // 输出表单 res.write(postHTML); } res.end(); }); }).listen(3000); |
浏览器中打开:http://127.0.0.1:3000/
第一次访问127.0.0.1,post中没有name和url,显示提交页面。
点击提交后,网页会打印出如下结果。
问题:
1. req.on("end"事件会多次触发。因为会请求favicon.ico。
2. res.writeHead(200, {‘Content-Type‘: ‘text/html; charset=utf8‘});
text/html的意思是将文件的content-type设置为text/html的形式,浏览器在获取到这种文件时会自动调用html的解析器对文件进行相应的处理。
text/plain的意思是将文件设置为纯文本的形式,浏览器在获取到这种文件时并不会对其进行处理。
五 发送Post
index.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
|
var http = require( ‘http‘ ); var querystring = require( ‘querystring‘ ); var contents = querystring.stringify({ name: ‘byvoid‘ , email: ‘byvoid@byvoid.com‘ , address: ‘Zijing‘ }); var options = { host: ‘www.byvoid.com‘ , path: ‘/application/node/post.php‘ , method: ‘POST‘ , headers:{ ‘Content-Type‘ : ‘application/x-www-form-urlencoded‘ , ‘Content-Length‘ :contents.length } } var req = http.request(options, function(res){ res.setEncoding( ‘utf8‘ ); res. on ( ‘data‘ ,function(data){ console.log( "data:" ,data); //一段html代码 }); }); req.write(contents); req.end; |