Post data to json api using flutter

Question

I'm working on a flutter project and I want to add data to json api using this code :

save() async {
    try{
    var sendString =
        {
        'userId': userId,
        'userEmail': userEmail,
      };
    final response = await http.post(
      Uri.parse('http://localhost:5000/createapp'),
      headers: <String, String>{
        "ContentType": 'application/json; charset=UTF-8',
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Credentials": "true",
        "Access-Control-Allow-Headers": "Origin,Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token,locale",
        "Access-Control-Allow-Methods": "POST, OPTIONS",
      },
      body: sendString,
    );
    print(response.body);
      }catch(e){
      print(e);
    }
  }

But it gave me this error in my flutter console I don't know what's the problem, any help is highly appreciated :

Posting data...
<!doctype html>
<html lang=en>
<title>400 Bad Request</title>
<h1>Bad Request</h1>
<p>The browser (or proxy) sent a request that this server could not understand.</p>

Adding CORS headers to a request does *nothing*! It's the server that needs to add the CORS headers in its responses. — Richard Heap, May 20 '22 at 00:59

score 2 · Accepted Answer · answered May 19 '22 at 15:13

2

Encode body to JSON.

body: jsonEncode(sendString),

See Sending data to server for details.

answered May 19 '22 at 15:13

user18309290

5,777
2
4
22

Thank you so much but now I have another error : XMLHttpRequest error. – dina robert May 19 '22 at 15:21
try [this for XMLHttpRequest error](https://stackoverflow.com/q/60191683/10157127) – Md. Yeasin Sheikh May 19 '22 at 15:24

Post data to json api using flutter

1 Answers1