美文网首页
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