Fetch put api with x-www-form-urlencoded
0
I want fetch a put API. I did test with postman and it works. I just don't know why my code don't work. I want to use x-www-form-urlencoded with a body has 1 param 'isRaining':true. The url is http://thutrongtts.ml:3000/states. It accidentally works once but after i edit a little bit, it never works again although i tried fix it
toggleRaining(){
var formData = new FormData();
formData.append('isRaining', true);
var options = {
'method': 'PUT',
'headers': {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache"
},
'body': formData
};
fetch('http://thutrongtts.ml:3000/states',options).then(resp => resp.json());
}
And this is postman test code
var qs = require("querystring");
var http = require("http");
var options = {
"method": "PUT",
"hostname": [
"thutrongtts",
"ml"
],
"port": "3000",
"path": [
"states"
],
"headers": {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache",
"Postman-Token": "73bd58f4-bbf6-44d9-9d01-2a3e8ff9746a"
}
};
var req = http.request(options, function (res) {
var chunks = ;
res.on("data", function (chunk) {
chunks.push(chunk);
});
res.on("end", function () {
var body = Buffer.concat(chunks);
console.log(body.toString());
});
});
req.write(qs.stringify({ isRaining: 'true', undefined: undefined }));
req.end();
reactjs fetch put
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
add a comment |
0
I want fetch a put API. I did test with postman and it works. I just don't know why my code don't work. I want to use x-www-form-urlencoded with a body has 1 param 'isRaining':true. The url is http://thutrongtts.ml:3000/states. It accidentally works once but after i edit a little bit, it never works again although i tried fix it
toggleRaining(){
var formData = new FormData();
formData.append('isRaining', true);
var options = {
'method': 'PUT',
'headers': {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache"
},
'body': formData
};
fetch('http://thutrongtts.ml:3000/states',options).then(resp => resp.json());
}
And this is postman test code
var qs = require("querystring");
var http = require("http");
var options = {
"method": "PUT",
"hostname": [
"thutrongtts",
"ml"
],
"port": "3000",
"path": [
"states"
],
"headers": {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache",
"Postman-Token": "73bd58f4-bbf6-44d9-9d01-2a3e8ff9746a"
}
};
var req = http.request(options, function (res) {
var chunks = ;
res.on("data", function (chunk) {
chunks.push(chunk);
});
res.on("end", function () {
var body = Buffer.concat(chunks);
console.log(body.toString());
});
});
req.write(qs.stringify({ isRaining: 'true', undefined: undefined }));
req.end();
reactjs fetch put
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
If you add.catch(error => console.error(error));to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?
– Tholle
Nov 12 at 17:45
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51
add a comment |
0
0
0
I want fetch a put API. I did test with postman and it works. I just don't know why my code don't work. I want to use x-www-form-urlencoded with a body has 1 param 'isRaining':true. The url is http://thutrongtts.ml:3000/states. It accidentally works once but after i edit a little bit, it never works again although i tried fix it
toggleRaining(){
var formData = new FormData();
formData.append('isRaining', true);
var options = {
'method': 'PUT',
'headers': {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache"
},
'body': formData
};
fetch('http://thutrongtts.ml:3000/states',options).then(resp => resp.json());
}
And this is postman test code
var qs = require("querystring");
var http = require("http");
var options = {
"method": "PUT",
"hostname": [
"thutrongtts",
"ml"
],
"port": "3000",
"path": [
"states"
],
"headers": {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache",
"Postman-Token": "73bd58f4-bbf6-44d9-9d01-2a3e8ff9746a"
}
};
var req = http.request(options, function (res) {
var chunks = ;
res.on("data", function (chunk) {
chunks.push(chunk);
});
res.on("end", function () {
var body = Buffer.concat(chunks);
console.log(body.toString());
});
});
req.write(qs.stringify({ isRaining: 'true', undefined: undefined }));
req.end();
reactjs fetch put
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
I want fetch a put API. I did test with postman and it works. I just don't know why my code don't work. I want to use x-www-form-urlencoded with a body has 1 param 'isRaining':true. The url is http://thutrongtts.ml:3000/states. It accidentally works once but after i edit a little bit, it never works again although i tried fix it
toggleRaining(){
var formData = new FormData();
formData.append('isRaining', true);
var options = {
'method': 'PUT',
'headers': {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache"
},
'body': formData
};
fetch('http://thutrongtts.ml:3000/states',options).then(resp => resp.json());
}
And this is postman test code
var qs = require("querystring");
var http = require("http");
var options = {
"method": "PUT",
"hostname": [
"thutrongtts",
"ml"
],
"port": "3000",
"path": [
"states"
],
"headers": {
"Content-Type": "application/x-www-form-urlencoded",
"cache-control": "no-cache",
"Postman-Token": "73bd58f4-bbf6-44d9-9d01-2a3e8ff9746a"
}
};
var req = http.request(options, function (res) {
var chunks = ;
res.on("data", function (chunk) {
chunks.push(chunk);
});
res.on("end", function () {
var body = Buffer.concat(chunks);
console.log(body.toString());
});
});
req.write(qs.stringify({ isRaining: 'true', undefined: undefined }));
req.end();
reactjs fetch put
reactjs fetch put
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
edited Nov 12 at 17:44
Sung Kim
17.3k33111161
17.3k33111161
asked Nov 12 at 17:44
Neyu Nguyen
83
asked Nov 12 at 17:44
Neyu Nguyen
83
asked Nov 12 at 17:44
Neyu Nguyen
83
83
If you add.catch(error => console.error(error));to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?
– Tholle
Nov 12 at 17:45
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51
add a comment |
If you add.catch(error => console.error(error));to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?
– Tholle
Nov 12 at 17:45
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51
If you add
.catch(error => console.error(error)); to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?– Tholle
Nov 12 at 17:45
If you add
.catch(error => console.error(error)); to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?– Tholle
Nov 12 at 17:45
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51
add a comment |
active
oldest
votes
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
});
}
});
draft saved
draft discarded
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%2f53267446%2ffetch-put-api-with-x-www-form-urlencoded%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53267446%2ffetch-put-api-with-x-www-form-urlencoded%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
If you add
.catch(error => console.error(error));to the fetch, do you see an error in the console? Do you see an error in the Network tab of the Developer Tools?– Tholle
Nov 12 at 17:45
i did and i don't see any error in the console. It just return back the states without any change
– Neyu Nguyen
Nov 12 at 17:51