AJAX not getting response from API
-1
I am calling my API from a HTML page. On ajax call, API will return in json format. I have below ajax to get data. But on console.log when I am trying to print the data. It's not printing anything.
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
function(data) {
console.log(data);
}
})
});
Return from API:
{"code":403,"message":"Empty Name","status":false}
jquery ajax
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
asked Nov 20 at 15:33
Cristal
216110
add a comment |
-1
I am calling my API from a HTML page. On ajax call, API will return in json format. I have below ajax to get data. But on console.log when I am trying to print the data. It's not printing anything.
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
function(data) {
console.log(data);
}
})
});
Return from API:
{"code":403,"message":"Empty Name","status":false}
jquery ajax
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
asked Nov 20 at 15:33
Cristal
216110
1
Assuming the missingsuccess:key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because yourpostDatadoes not contain theNamefield that the API is expecting. You need to debug why that may be.
– Rory McCrossan
Nov 20 at 15:50
Also assuming the missingsuccess:is just missing, you should also adderror:function(error) { console.log("Error", error); }- if the API is returning an actual403 Forbidden Status Code(as implied by the "return from API") and not a200 OKthen it won't be hitting thesuccess:even if it was there
– freedomn-m
Nov 20 at 16:08
@RoryMcCrossan yes,success:was a typo. Also postData has theName. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.
– Cristal
Nov 21 at 2:00
add a comment |
-1
-1
-1
I am calling my API from a HTML page. On ajax call, API will return in json format. I have below ajax to get data. But on console.log when I am trying to print the data. It's not printing anything.
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
function(data) {
console.log(data);
}
})
});
Return from API:
{"code":403,"message":"Empty Name","status":false}
jquery ajax
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
asked Nov 20 at 15:33
Cristal
216110
I am calling my API from a HTML page. On ajax call, API will return in json format. I have below ajax to get data. But on console.log when I am trying to print the data. It's not printing anything.
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
function(data) {
console.log(data);
}
})
});
Return from API:
{"code":403,"message":"Empty Name","status":false}
jquery ajax
jquery ajax
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
asked Nov 20 at 15:33
Cristal
216110
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
asked Nov 20 at 15:33
Cristal
216110
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
edited Nov 20 at 15:51
Rory McCrossan
241k29206245
241k29206245
asked Nov 20 at 15:33
Cristal
216110
asked Nov 20 at 15:33
Cristal
216110
asked Nov 20 at 15:33
Cristal
216110
216110
1
Assuming the missingsuccess:key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because yourpostDatadoes not contain theNamefield that the API is expecting. You need to debug why that may be.
– Rory McCrossan
Nov 20 at 15:50
Also assuming the missingsuccess:is just missing, you should also adderror:function(error) { console.log("Error", error); }- if the API is returning an actual403 Forbidden Status Code(as implied by the "return from API") and not a200 OKthen it won't be hitting thesuccess:even if it was there
– freedomn-m
Nov 20 at 16:08
@RoryMcCrossan yes,success:was a typo. Also postData has theName. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.
– Cristal
Nov 21 at 2:00
add a comment |
1
Assuming the missingsuccess:key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because yourpostDatadoes not contain theNamefield that the API is expecting. You need to debug why that may be.
– Rory McCrossan
Nov 20 at 15:50
Also assuming the missingsuccess:is just missing, you should also adderror:function(error) { console.log("Error", error); }- if the API is returning an actual403 Forbidden Status Code(as implied by the "return from API") and not a200 OKthen it won't be hitting thesuccess:even if it was there
– freedomn-m
Nov 20 at 16:08
@RoryMcCrossan yes,success:was a typo. Also postData has theName. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.
– Cristal
Nov 21 at 2:00
1
1
Assuming the missing
success: key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because your postData does not contain the Name field that the API is expecting. You need to debug why that may be.– Rory McCrossan
Nov 20 at 15:50
Assuming the missing
success: key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because your postData does not contain the Name field that the API is expecting. You need to debug why that may be.– Rory McCrossan
Nov 20 at 15:50
Also assuming the missing
success: is just missing, you should also add error:function(error) { console.log("Error", error); } - if the API is returning an actual 403 Forbidden Status Code (as implied by the "return from API") and not a 200 OK then it won't be hitting the success: even if it was there– freedomn-m
Nov 20 at 16:08
Also assuming the missing
success: is just missing, you should also add error:function(error) { console.log("Error", error); } - if the API is returning an actual 403 Forbidden Status Code (as implied by the "return from API") and not a 200 OK then it won't be hitting the success: even if it was there– freedomn-m
Nov 20 at 16:08
@RoryMcCrossan yes,
success: was a typo. Also postData has the Name. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.– Cristal
Nov 21 at 2:00
@RoryMcCrossan yes,
success: was a typo. Also postData has the Name. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.– Cristal
Nov 21 at 2:00
add a comment |
1 Answer
1
active
oldest
votes
3
You seem to be missing the callback function $.ajax.sucess. Try this:
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(error) {
console.error(error);
}
})
});
answered Nov 20 at 15:36
Mr.Turtle
9502924
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
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
});
}
});
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%2f53396398%2fajax-not-getting-response-from-api%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
3
You seem to be missing the callback function $.ajax.sucess. Try this:
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(error) {
console.error(error);
}
})
});
answered Nov 20 at 15:36
Mr.Turtle
9502924
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
add a comment |
3
You seem to be missing the callback function $.ajax.sucess. Try this:
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(error) {
console.error(error);
}
})
});
answered Nov 20 at 15:36
Mr.Turtle
9502924
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
add a comment |
3
3
3
You seem to be missing the callback function $.ajax.sucess. Try this:
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(error) {
console.error(error);
}
})
});
answered Nov 20 at 15:36
Mr.Turtle
9502924
You seem to be missing the callback function $.ajax.sucess. Try this:
$("#submit").submit(function (event) {
event.preventDefault();
var postData = $('form').serialize();
$.ajax({
type: "post",
url: url,
data: postData,
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(error) {
console.error(error);
}
})
});
answered Nov 20 at 15:36
Mr.Turtle
9502924
answered Nov 20 at 15:36
Mr.Turtle
9502924
answered Nov 20 at 15:36
Mr.Turtle
9502924
answered Nov 20 at 15:36
Mr.Turtle
9502924
9502924
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
add a comment |
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
If this was the problem then the OP would have gotten a syntax error in the code, and the call wouldn't be made. I would surmise this issue is just a typo when writing the question.
– Rory McCrossan
Nov 20 at 15:49
add a comment |
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%2f53396398%2fajax-not-getting-response-from-api%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
1
Assuming the missing
success:key is just a typo (as you'd get a syntax error and no request sent if it wasn't) then the issue is simply because yourpostDatadoes not contain theNamefield that the API is expecting. You need to debug why that may be.– Rory McCrossan
Nov 20 at 15:50
Also assuming the missing
success:is just missing, you should also adderror:function(error) { console.log("Error", error); }- if the API is returning an actual403 Forbidden Status Code(as implied by the "return from API") and not a200 OKthen it won't be hitting thesuccess:even if it was there– freedomn-m
Nov 20 at 16:08
@RoryMcCrossan yes,
success:was a typo. Also postData has theName. If I check from network, I am getting success from API. However, it's not able to print from console.log under the ajax function.– Cristal
Nov 21 at 2:00