Error http 422 and XMLHttpRequest in flutter

Question

I want to connect to a web service. When I use postman, request send and response receive successfully. But in the flutter app, I get error 422 in the android emulator. And with the same code in flutter web, I get XMLHttpRequest error.

My postman:

This is my data that send to the server:

var data = {
  "username": usernameController.text,
  "password": passwordController.text,
  "email": emailController.text
};

And send a request with dio:

Response response = await client
        .post(theUrl,
            options: Options(headers: {
              HttpHeaders.contentTypeHeader: "application/json",
              HttpHeaders.acceptHeader:"*/*"
            }),
            data: jsonEncode(data))
        .timeout(const Duration(seconds: 10));

I get errors on this method:

on DioError catch (error) {
    var statusCode = error.response?.statusCode;
    print("+++++++++++++++" + statusCode.toString());
    print("+++++++++++++++" + error.message);
}

How can I fix these errors?

@RichardHeap Thank you, I edit my code and add jsonEncode to dio. but the error still is 422 in mobile. — Sajjad javadi
– Sajjad javadi, Commented Feb 7, 2022 at 7:54

Sajjad javadi · Accepted Answer · 2022-02-07 08:27:40Z

1

I Added this code to options in dio and Error 422 in mobile is fixed:

Options(
  validateStatus: (status) {
    return status! < 500;
   },
   followRedirects: false,
   ...)

But I still get error XMLHttpRequest in flutter web.

answered Feb 7, 2022 at 8:27

Sajjad javadi

4032 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Richard Heap Over a year ago

The web problem will be a CORS issue.

Sajjad javadi Over a year ago

@RichardHeap The server programmer says that CORS is enable on server

Richard Heap Over a year ago

Open the Developer Tools tab in chrome - open the Network tab - then perform the request.

Collectives™ on Stack Overflow

Error http 422 and XMLHttpRequest in flutter

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related