请求数据
前台:form、ajax、jsonp
后台:接受请求并返回响应数据
前台《= http协议 =》后台
常用的请求的方式:
1、GET 数据在url中
2、POST 数据不再url中
get方式:通过地址栏来传输 name=value&name1=value1& 作用:分享
post方式:通过head头传输 数据相对安全
form
action="http://www.vaidu.com" 地址
method:"post/get" 传输方式
window.location.pathname 路径 也可以做跳转 www.baidu.com
window.location.port 端口号 8080
window.location.hash 锚点 #后面的
window.location.protocol 协议 http/https
window.location.search 数据 ?号后面的 name=value&name1=value1
浏览器 《= 通信数据 =》 服务器
通信数据:
1、头(header)
2、请求主体(content)
【GET方式】
<form action="http://localhost:8080/" method="get"> 用户:<input type="text" name="user" value="" /><br> 密码:<imput type="password" name="pass" value="" /><br> <input type="submit" value="提交"> </form>
const http = require('http'); http.createServer( (req,res) => { console.log(req.url); // /aaa?user=jason&pass=123456 let GET = {}; let url = req.url; // 判断请求的url中是否含有查询参数 if(url.indexOf('?') != -1) { let arr = url.split('?'); // arr[0] = 地址 '/aaa' arr[1] = 数据 'user=jason&pass=123456' let arr2 = arr[1].split('&'); for(let i = 0; i < arr2.length; i++) { let arr3 = arr2[i].split('='); // arr3[0] ==>姓名 arr3[1] ==> 密码 GET[arr3[0]] = arr3[1]; } } res.write('有请求了'); res.end(); }).listen(8080);
const http = require('http'); http.createServer( (req, res) => { console.log(req.url); let GET = {}; let url = req.url; if(url.indexOf('?') != -1) { let arr = url.split('?'); url = arr[0]; let arr2 = arr[1].split('&'); for(let i = 0; i < arr2.length; i++) { let arr3 = arr2[i].split('='); GET[arr3[0]] = arr3[1]; } } console.log(GET, url) res.write('1111111'); res.end(); }).listen(8799);
提供querystring(查询字符) 模块
const querystring = require('querystring'); let GET = querystring.parse('name=jason&age=18'); console.log(GET); // { name: 'jason', password: '123456' } '/' // {} '/favicon.ico'
url模块:
const urlLib = require('url'); let urlObj = urlLib.parse('http://www.baidu.com:8901/index/static?name=jason&age=18', true); console.log(urlObj);
当第二个参数为true时:
Url { protocol: 'http:', slashes: true, auth: null, host: 'www.baidu.com:8901', port: '8901', hostname: 'www.baidu.com', hash: null, search: '?name=jason&age=18', query: { name: 'jason', age: '18' }, pathname: '/index/static', path: '/index/static?name=jason&age=18', href: 'http://www.baidu.com:8901/index/static?name=jason&age=18' }
为false时:
Url { protocol: 'http:', slashes: true, auth: null, host: 'www.baidu.com:8901', port: '8901', hostname: 'www.baidu.com', hash: null, search: '?name=jason&age=18', query: 'name=jason&age=18', pathname: '/index/static', path: '/index/static?name=jason&age=18', href: 'http://www.baidu.com:8901/index/static? name=jason&age=18' }
区别为query是否被querystring
于是上面的例子可以被简写为
const http = require('http'); const urlLib = require('url'); http.createServer( (req, res) => { let urlObj = urlLib.parse(req.url, true); let GET = urlObj.query; let urlName = urlObj.pathname; console.log(GET, urlName); res.write('完成'); res.end(); }).listen(8998);
总结:
1.querystring模块只能解析 query
2.url可以解析整个url
【post请求】
请求头最大 32k
请求主体最大 1G
数据量的大小产生了数据处理方式的区别
处理很大的数据---分段处理 (防止堵塞和出错)
1.data事件 有一段数据到达的时候,可以发送很多次
req.on('data', 回调函数 function(data) {
});
2.end事件 数据全部到达的时候,只执行一次
req.on('end', () => {
});
<form action="http://localhost:8999/aaa" method="post"> 账号:<input type="text" name="name" value=""><br> 密码:<input type="password" name="password" value=""><br> <input type="submit" value="提交"> </form>
const http = require('http'); const querystring = require('querystring'); http.createServer( (req, res) => { // post -- req let str = ''; let i = 0; req.on('data', (data) => { console.log(`第${i++}次接收到数据`); str += data; }); req.on('end', () => { let POST = querystring.parse(str); console.log(str); }); }).listen(8999);
得到的结果是:
第0次接收到数据
{
name: 'jason',
password: '123456',
}
const http = require('http'); const fs = require('fs'); const querystring = require('querystring'); const urlLib = require('url'); let server = http.createServer( (req, res) => { // GET let url = urlLib.parse(req.url).pathname; const GET = urlLib.parse(req.url, true).query; // POST let str = ''; let POST; req.on('data', (data) => { str += data; }); req.on('end', () => { POST = querystring.parse(str); console.log(url, GET, POST); }); console.log(url, GET, POST); // 文件读取 let file_name = './www' + url; fs.readFile(file_name, (err, data) => { if(err) { res.write('404'); }else{ res.write('读取成功'); } res.end(); }) }); server.listen(8999);
【get请求】
/aaa { name: 'jason ', password: '123456', text: 'abcd' } undefined
【post请求】
/aaa {} { name: 'jason ', password: '654321', text: 'zzzz' }
【文件读取】
/1.html {} {}
/favicon.ico {} undefined