node中的GET方法
前后端交互的方式:都是通过http来交互的。
前台无论是用form ajax或者是jsonp来请求后台数据,对后台来说都是一样的。
请求方式不同,过来的内容和接受方式不同
请求方式:
1.GET 数据在url里一起传输,百度就是典型的get请求
2.POST 数据不在url中,淘宝的登陆是post请求
代码实现如下
const http=require('http');
http.createServer(function(req,res){
var GET={};
//req是出去的东西,获取其那台的请求数据;res是进来的东西,
if(req.url.indexOf('?')!=-1){
//判断req.url里是否有‘?’,有的话执行if里面的代码
//indexOf可以返回数组中指定元素的位置
var arr=req.url.split('?');
//favicon没有?所以会报错
// /aaa?user=bulala&pass=123456 不能用因为有?
//arr[0]=>地址 '/aaa'
var url=arr[0];
//arr[1]=>数据 'user=bulala&pass=123456' 不能用因为有&
var arr2=arr[1].split('&');
//arr2=>'user=bulala','pass=123456' 不能用因为连在一起
for(var i=0;i<arr2.length;i++){
var arr3=arr2[i].split('=');
//arr3[0]=>名字 'user'
//arr3[1]=>数据 'bulala'
GET[arr3[0]]=arr3[1];
//将切割完成的数据填入GET
}
}else{
var url=req.url;
//没有GET数据,GET为空就好,即GET{}。
}
console.log(url,GET);
//req获取前台请求数据
res.write('aaa');
res.end();
}).listen(8080);
其中form表单用到了这一段后台代码
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form class="" action="http://localhost:8080/aaa" method="get">
用户:<input type="text" name="user" value=""><br>
密码:<input type="password" name="pass" value=""><br>
<input type="submit" value="提交">
</form>
</body>
</html>
前端发起form请求的时候,会获取到这样一段url
/aaa?user=bulala&pass=123456
但是这段url是用不成的,因为有?这样的东西存在。所以要用split切割掉"?","&",“=”
然后切割完成之后的才是可以用的信息。在获取最url的时候会获取到一个favicon,因为favicon没有?,所以需要写一个选择来排除这种情况,让后台运行时不会报错。
Query Strings:
use=blue&pass-123456这样的格式就叫Query Strings,就是所谓的查询字符串
一下是Query Strings的使用方法
const querystring=require('querystring');
var json=querystring.parse("user=blue&pass=123456&age=18");
console.log(json);
运行结果为
可以看到直接获取到了我们需要的部分~
接下来我们可以用Query Strings来完善最开始的代码
第一次改进后代码可以变成这个样子
const http=require('http');
const querystring=require('querystring');
http.createServer(function(req,res){
var GET={};
if(req.url.indexOf('?')!=-1){
var arr=req.url.split('?');
var url=arr[0];
GET=querystring.parse(arr[1]);
}else{
var url=req.url;
}
console.log(url,GET);
//req获取前台请求数据
res.write('aaa');
res.end();
}).listen(8080);
这串代码的运行结果是这样的
接下来在介绍一个模块:URL
这个模块是专门用来帮助我们解析url地址的,包括地址那一部分,包括数据那一部分
首先让我们来运行下面这个程序
const urlLib=require('url');
var obj=urlLib.parse("http://www.zhinengshe.com/index?a=12&b=5")
console.log(obj);
运行结果如下
const urlLib=require('url');
var obj=urlLib.parse("http://www.zhinengshe.com/index?a=12&b=5",true)
console.log(obj.pathname,obj.query);
将URL添加到代码中
const http=require('http');
const urlLib=require('url');
http.createServer(function(req,res){
var obj=urlLib.parse(req.url,true);
var url=obj.pathname;
var GET=obj.query;
console.log(url,GET);
//req获取前台请求数据
res.write('aaa');
res.end();
}).listen(8081);
执行form表单,得到以下结果
(这里一不小心请求了3次)
总而言之,GET数据解析有三种方法
1.自己切
2.querystring
3.url(注意不要忘了true)