http - flutter 如何处理 http 服务器端验证错误

Question

我正在尝试在登录表单上显示服务器端错误。我正在尝试在数据可用时更改状态。但它不工作。谁能帮忙

或者有什么更好的方法吗？

 Future<dynamic> apiRequest(map) async {
    String url = 'https://localhost/api/login';
    var response = await http.post(Uri.encodeFull(url),
        body: map, headers: {"Accept": "application/json"});
    var res = json.decode(response.body);
    return res;
  }

 void _submit() async {
    if (this._formKey.currentState.validate()) {
      _formKey.currentState.save(); // Save our form now.

 var map = {
        'email_id': '',
        'password': '',
      };
      var hello = await apiRequest(map);

     setState(() {
       email_id_error = hello["errors"]["email_id"];
      });

    } else {
      setState(() {
        _autovalidate = true;
      });
    }
  }

 new Text(email_id_error),

服务器响应

{status_code: 4003, errors: {password: [can't be blank], email_id: [can't be blank]}}

Answer 1

你可以试试这个

void _submit() async {
    if (this._formKey.currentState.validate()) {
      _formKey.currentState.save(); // Save our form now.
     var map = {
        'email_id': '',
        'password': '',
      };
      var hello = await apiRequest(map);
      if(hello.statusCode ==4003){
        setState(() {
           email_id_error = hello.responseBody["errors"]["email_id"];
        });
      }    
    } else {
      setState(() {
        _autovalidate = true;
      });
    }
  }