Flutter - Send Json over HTTP Post
I am trying to send a Json over HTTP post to update a record in my database. I've connected to the server but I'm getting a 415 "Unsupported Media Type" error when I run the request.
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String url = 'http://<Hostname>:
<Port>/jderest/orchestrator/JDE_ORCH_Sample_UpdateMeterReadings_Generic';
Future<String> makeRequest() async {
var response = await http
.post(Uri.encodeFull(url), body: json.encode({
"NewHourMeterReading": "650",
"EquipmentNumber": "34665",
"NewFuelMeterReading": "650"
}), headers: {"Accept": "application/json"});
print(response.body);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new RaisedButton(
child: new Text('Make Request'),
onPressed: makeRequest,
)));
}
}
Can someone please let me know how to get past this error?
the error that I am facing is this.
I/flutter ( 5881): Unsupported Media Type
Screenshot of Response Headers/Status Code/Body
Sorry for the messy code, it didn't copy paste over every well.
flutter edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
asked Nov 20 at 7:49
Flynn
83
add a comment |
I am trying to send a Json over HTTP post to update a record in my database. I've connected to the server but I'm getting a 415 "Unsupported Media Type" error when I run the request.
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String url = 'http://<Hostname>:
<Port>/jderest/orchestrator/JDE_ORCH_Sample_UpdateMeterReadings_Generic';
Future<String> makeRequest() async {
var response = await http
.post(Uri.encodeFull(url), body: json.encode({
"NewHourMeterReading": "650",
"EquipmentNumber": "34665",
"NewFuelMeterReading": "650"
}), headers: {"Accept": "application/json"});
print(response.body);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new RaisedButton(
child: new Text('Make Request'),
onPressed: makeRequest,
)));
}
}
Can someone please let me know how to get past this error?
the error that I am facing is this.
I/flutter ( 5881): Unsupported Media Type
Screenshot of Response Headers/Status Code/Body
Sorry for the messy code, it didn't copy paste over every well.
flutter edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
asked Nov 20 at 7:49
Flynn
83
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 at 8:13
add a comment |
I am trying to send a Json over HTTP post to update a record in my database. I've connected to the server but I'm getting a 415 "Unsupported Media Type" error when I run the request.
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String url = 'http://<Hostname>:
<Port>/jderest/orchestrator/JDE_ORCH_Sample_UpdateMeterReadings_Generic';
Future<String> makeRequest() async {
var response = await http
.post(Uri.encodeFull(url), body: json.encode({
"NewHourMeterReading": "650",
"EquipmentNumber": "34665",
"NewFuelMeterReading": "650"
}), headers: {"Accept": "application/json"});
print(response.body);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new RaisedButton(
child: new Text('Make Request'),
onPressed: makeRequest,
)));
}
}
Can someone please let me know how to get past this error?
the error that I am facing is this.
I/flutter ( 5881): Unsupported Media Type
Screenshot of Response Headers/Status Code/Body
Sorry for the messy code, it didn't copy paste over every well.
flutter edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
asked Nov 20 at 7:49
Flynn
83
I am trying to send a Json over HTTP post to update a record in my database. I've connected to the server but I'm getting a 415 "Unsupported Media Type" error when I run the request.
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String url = 'http://<Hostname>:
<Port>/jderest/orchestrator/JDE_ORCH_Sample_UpdateMeterReadings_Generic';
Future<String> makeRequest() async {
var response = await http
.post(Uri.encodeFull(url), body: json.encode({
"NewHourMeterReading": "650",
"EquipmentNumber": "34665",
"NewFuelMeterReading": "650"
}), headers: {"Accept": "application/json"});
print(response.body);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new RaisedButton(
child: new Text('Make Request'),
onPressed: makeRequest,
)));
}
}
Can someone please let me know how to get past this error?
the error that I am facing is this.
I/flutter ( 5881): Unsupported Media Type
Screenshot of Response Headers/Status Code/Body
Sorry for the messy code, it didn't copy paste over every well.
flutter flutter edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
asked Nov 20 at 7:49
Flynn
83
edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
asked Nov 20 at 7:49
Flynn
83
edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
edited Nov 20 at 8:19
Akshay Paliwal
2,11412235
2,11412235
asked Nov 20 at 7:49
Flynn
83
asked Nov 20 at 7:49
Flynn
83
asked Nov 20 at 7:49
Flynn
83
83
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 at 8:13
add a comment |
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 at 8:13
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
are you posting
text/html content?– pskink
Nov 20 at 8:13
are you posting
text/html content?– pskink
Nov 20 at 8:13
add a comment |
2 Answers
2
active
oldest
votes
You'll have to add the content-type to your header, setting its value to application/json.
By specifying Accept you're saying that your client is able to understand that response type, not that your request content is of the JSON type.
Basically you're saying "hey there, I'm able to understand JSON, so you can send it to me and I'll be fine with it" but you're not saying "hey I'm going to send you a JSON, be prepared for it!"
For a better understanding, you can find more about Accept here and Content-type here.
answered Nov 20 at 8:10
magicleon94
1,5381826
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
add a comment |
You are using incomplete headers for sending the json payload. That is why the server is not accepting you request.
Use the following headers instead:
headers: {
"content-type" : "application/json",
"accept" : "application/json",
},
answered Nov 20 at 8:20
Harsh Bhikadia
373216
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388426%2fflutter-send-json-over-http-post%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You'll have to add the content-type to your header, setting its value to application/json.
By specifying Accept you're saying that your client is able to understand that response type, not that your request content is of the JSON type.
Basically you're saying "hey there, I'm able to understand JSON, so you can send it to me and I'll be fine with it" but you're not saying "hey I'm going to send you a JSON, be prepared for it!"
For a better understanding, you can find more about Accept here and Content-type here.
answered Nov 20 at 8:10
magicleon94
1,5381826
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
add a comment |
You'll have to add the content-type to your header, setting its value to application/json.
By specifying Accept you're saying that your client is able to understand that response type, not that your request content is of the JSON type.
Basically you're saying "hey there, I'm able to understand JSON, so you can send it to me and I'll be fine with it" but you're not saying "hey I'm going to send you a JSON, be prepared for it!"
For a better understanding, you can find more about Accept here and Content-type here.
answered Nov 20 at 8:10
magicleon94
1,5381826
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
add a comment |
You'll have to add the content-type to your header, setting its value to application/json.
By specifying Accept you're saying that your client is able to understand that response type, not that your request content is of the JSON type.
Basically you're saying "hey there, I'm able to understand JSON, so you can send it to me and I'll be fine with it" but you're not saying "hey I'm going to send you a JSON, be prepared for it!"
For a better understanding, you can find more about Accept here and Content-type here.
answered Nov 20 at 8:10
magicleon94
1,5381826
You'll have to add the content-type to your header, setting its value to application/json.
By specifying Accept you're saying that your client is able to understand that response type, not that your request content is of the JSON type.
Basically you're saying "hey there, I'm able to understand JSON, so you can send it to me and I'll be fine with it" but you're not saying "hey I'm going to send you a JSON, be prepared for it!"
For a better understanding, you can find more about Accept here and Content-type here.
answered Nov 20 at 8:10
magicleon94
1,5381826
edited Nov 20 at 8:16
answered Nov 20 at 8:10
magicleon94
1,5381826
answered Nov 20 at 8:10
magicleon94
1,5381826
answered Nov 20 at 8:10
magicleon94
1,5381826
1,5381826
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
add a comment |
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
1
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 at 8:18
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 at 8:50
add a comment |
You are using incomplete headers for sending the json payload. That is why the server is not accepting you request.
Use the following headers instead:
headers: {
"content-type" : "application/json",
"accept" : "application/json",
},
answered Nov 20 at 8:20
Harsh Bhikadia
373216
add a comment |
You are using incomplete headers for sending the json payload. That is why the server is not accepting you request.
Use the following headers instead:
headers: {
"content-type" : "application/json",
"accept" : "application/json",
},
answered Nov 20 at 8:20
Harsh Bhikadia
373216
add a comment |
You are using incomplete headers for sending the json payload. That is why the server is not accepting you request.
Use the following headers instead:
headers: {
"content-type" : "application/json",
"accept" : "application/json",
},
answered Nov 20 at 8:20
Harsh Bhikadia
373216
You are using incomplete headers for sending the json payload. That is why the server is not accepting you request.
Use the following headers instead:
headers: {
"content-type" : "application/json",
"accept" : "application/json",
},
answered Nov 20 at 8:20
Harsh Bhikadia
373216
answered Nov 20 at 8:20
Harsh Bhikadia
373216
answered Nov 20 at 8:20
Harsh Bhikadia
373216
answered Nov 20 at 8:20
Harsh Bhikadia
373216
373216
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388426%2fflutter-send-json-over-http-post%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Please show a screenshot with the response (Headers and Body) of your request. You can do it using PostMan or something like this
– Andrei Todorut
Nov 20 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 at 8:06
are you posting
text/htmlcontent?– pskink
Nov 20 at 8:13