上一篇文章中，我们学习了如何处理请求，并当请求发生异常时的处理方式，今天我们来学习一下使用Jaguar获取请求内容 !

1.获取路径参数

在请求的时候，我们有时候需要获取请求路径上的参数，那么怎么去获取请求路径上的参数呢？
我们可以通过Context这个类的一个pathParams参数获取，下面是代码！

//.....
      ..get('/api/UserId/:id', (ctx){
        String id=ctx.pathParams['id'];s
        ctx.response=Response('path Id:$id');
      })
//....

当路径上为参数时，我们可以在参数名前添加:符号，表面该路径上有一个是参数，下面我们请求一下这个地址吧！

获取成功！

2.获取get请求参数(查询参数)

获取get请求的参数，是我们常见的，请求参数会在地址上面明文显示，获取也非常的简单

//....
      ..get('/api/UserId/get', (ctx) {
      String id=ctx.query.get('id');
      ctx.response = Response('query Id:$id');
    })
//...

我们来请求一下吧！这里为了方便，我使用Postman工具请求

获取成功！
这里说一下，我们还可以指定获取的内容类型，并且当没有该参数时，可以指定它的默认值

//....
     //获取String类型参数
      String name=ctx.query.get('name');
      //获取int类型参数，默认为321
      int id=ctx.query.getInt('id',321);
      //获取bool类型参数
      bool boolean=ctx.query.getBool('boolean');
      //获取num类型参数
      num number=ctx.query.getNum('number');
      //获取double类型参数
      double float=ctx.query.getDouble('float');
//....

你也可以获取不指定类型的参数

//...
      dynamic noKnow=ctx.query['noKnow'];
//...

3.获取post请求参数(表单参数)

获取post请求的参数，也是我们比较常见的与服务器交互方式，请求的参数不会在地址上面明文显示

//...
..post('/api/User/login', (ctx) async{
        Map<String,String> params=await ctx.bodyAsUrlEncodedForm();
        String userName=params['username'];
        String passWord=params['password'];
        ctx.response=Response('UserName:$userName\nPassWord:$passWord');
      })
//....

我们获取到一个Map，跟get请求不同，这里需要使用async 异步获取,下面来请求一下吧！

这里需要注意一下，使用ctx.bodyAsUrlEncodedForm()需要注意请求头为:Content-Type:application/x-www-form-urlencoded

4.获取提交的JSON数据

一般情况下，如果需要提交更多的数据，使用json格式提交再适合不过了，我们接下来接收一个json数据

..postJson('/api/User/json', (ctx) async{
        Map content=await ctx.bodyAsJson();
        ctx.response=Response('Json Content:\n${content.toString()}');

      })

我们来请求一下吧！

我们还可以直接把该json内容格式化为一个实体类
定义一个实体类

class User{
  final String username;
  final String password;
  User(this.username, this.password);
  static User forMap(Map map)=> new User(map['username'], map['password']);
}

获取为实体类

//....
      ..postJson('/api/User/json', (ctx) async{
//        Map content=await ctx.bodyAsJson();
        User user=await ctx.bodyAsJson(convert: User.forMap);
        ctx.response=Response('User\nUserName:${user.username}\nPassWord:${user.password}');
      })
//....

请求json数组，获取多个

..postJson('/api/User/jsons', (ctx) async{
       List<User> users=await ctx.bodyAsJsonList(convert: User.forMap);
       String info='';
       for(User user in users){
         info+='User\nUserName:${user.username}\nPassWord:${user.password}\n';
       }
       ctx.response=Response(info);
     })

5.获取上传的文件

单独上传一张文件到服务器，这个可以大部分需求都用不上，但是还是需要讲一下，如何上传文件到服务器，并保存到服务器上面

//...
..postJson('/api/User/avatar', (ctx) async{
        Stream<List<int>> image=await ctx.bodyAsStream;
        File file=await new File('image.png').create();
        await image.listen(file.writeAsBytes);

        ctx.response=Response('Success');
      })
//...

可以看到我们使用的是ctx.bodyAsStream去获取该文件流，然后将文件流监听到新创建的文件上面并写入
我们上传一张图片吧

好，我们成功的返回了一个Success字符串,来看一下项目吧！


打开了，也是可以看到图片的，所以我们成功的上传了图片了！

6.获取多表单数据

获取多表单数据是经常使用到的，Jaguar也可以办到获取多表单数据

..post('/api/User/Info', (ctx) async{
        Map<String,FormField> params=await ctx.bodyAsFormData();
        FormField username=params['username'];

        FormField userDescript=params['userdescript'];

        FormField avatar=params['useravatar'];

        //string类型的数据
        if(username is StringFormField){
          await new Directory(username.value).create(recursive: true);

        }
        //文本文件类型的数据
        if(userDescript is TextFileFormField){
          Stream<String> value=userDescript.value;
          userDescript.writeTo('${username.value}/Descript.txt');
        }
        //二进制文件类型的数据
        if(avatar is BinaryFileFormField){
          Stream<List<int>> value=avatar.value;
          avatar.writeTo('${username.value}/avatar.png');
        }
        ctx.response=Response('Success');

      })

我们根据当前提交的用户名创建一个文件夹，然后将它的介绍文本和头像保存到该文件夹下面，来看一下请求吧！

可以看到，我们成功的发出了请求，然后看一下项目里的文件

ok，没有任何毛病，上面的代码调用FormField.writeTo方法可以直接写入到传入的路径文件中，可以说非常方便，要注意的是请求头为Content-Type=multipart/form-data
好了，今天就到这里了，我们明天见吧！