美文网首页
2018-12-16

2018-12-16

作者: 缪呜 | 来源:发表于2018-12-23 17:12 被阅读0次

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)

相关文章

网友评论

      本文标题:2018-12-16

      本文链接:https://www.haomeiwen.com/subject/zhdfkqtx.html