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 '18 at 8:19
Akshay Paliwal
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
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 '18 at 8:19
Akshay Paliwal
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
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 '18 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 '18 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 '18 at 8:19
Akshay Paliwal
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
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 '18 at 8:19
Akshay Paliwal
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
edited Nov 20 '18 at 8:19
Akshay Paliwal
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
edited Nov 20 '18 at 8:19
Akshay Paliwal
2,18912436
edited Nov 20 '18 at 8:19
Akshay Paliwal
2,18912436
edited Nov 20 '18 at 8:19
Akshay Paliwal
2,18912436
2,18912436
asked Nov 20 '18 at 7:49
FlynnFlynn
183
asked Nov 20 '18 at 7:49
FlynnFlynn
183
asked Nov 20 '18 at 7:49
FlynnFlynn
183
183
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 '18 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 '18 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 '18 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
are you postingtext/htmlcontent?
– pskink
Nov 20 '18 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 '18 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 '18 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
are you posting
text/html content?– pskink
Nov 20 '18 at 8:13
are you posting
text/html content?– pskink
Nov 20 '18 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 '18 at 8:10
magicleon94magicleon94
1,6081927
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 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 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
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 '18 at 8:10
magicleon94magicleon94
1,6081927
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 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 '18 at 8:10
magicleon94magicleon94
1,6081927
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 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 '18 at 8:10
magicleon94magicleon94
1,6081927
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 '18 at 8:10
magicleon94magicleon94
1,6081927
edited Nov 20 '18 at 8:16
answered Nov 20 '18 at 8:10
magicleon94magicleon94
1,6081927
answered Nov 20 '18 at 8:10
magicleon94magicleon94
1,6081927
answered Nov 20 '18 at 8:10
magicleon94magicleon94
1,6081927
1,6081927
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 at 8:50
add a comment |
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 at 8:50
1
1
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
Wow, so silly of me :( Thank you it's working now.
– Flynn
Nov 20 '18 at 8:18
1
1
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 at 8:50
Glad to hear that :) Happy coding!
– magicleon94
Nov 20 '18 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 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
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 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
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 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
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 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
answered Nov 20 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
answered Nov 20 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
answered Nov 20 '18 at 8:20
Harsh BhikadiaHarsh Bhikadia
554320
554320
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.
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 '18 at 7:55
I added the header/statuscode/body responses screenshot to the question.
– Flynn
Nov 20 '18 at 8:06
are you posting
text/htmlcontent?– pskink
Nov 20 '18 at 8:13