Error in receiving JSON object from API

Question

I am making an http request from ionic app(Angular4) and receiving a response in form of a Js object, but on receiving i am getting some error.

This is the object which i am receiving from API

{"up_votes":"1","down_votes":"0"}

using http.get to receive data in app, home.ts

..
public vote_response:any={};
...
this.http.get(this.baseURI+'votesNum.php?'+this.question.question_id)
        .subscribe(result =>{this.vote_response = result.json();});

this is the error which i am receiving:

ERROR SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at Response.Body.json (http.es5.js:800)
    at MapSubscriber.project (forum-quest-details.ts:44)
    at MapSubscriber._next (map.js:77)
    at MapSubscriber.Subscriber.next (Subscriber.js:89)
    at XMLHttpRequest.onLoad (http.es5.js:1229)
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (core.es5.js:4119)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)

Can anyone help me solve this issue.

You are probably not receiving the object you think. Debug the code and check. — Arg0n
– Arg0n, Commented Jun 5, 2017 at 8:11
Arg0n has a point. It is possible you are receiving and xml. Something hints on the first character being "<" — Khan
– Khan, Commented Jun 5, 2017 at 8:12
Try JSON.stringify the result and console.log it, and then see what it says. It could be several things like your parameters are wrong and its sending an html page in return or something — Chris
– Chris, Commented Jun 5, 2017 at 8:13
I think with that request you are fetching a php file instead of a JSON string, that's why you get < at position 0. You should check if the url this.baseURI+'votesNum.php?'+this.question.question_id is correct. — cнŝdk
– cнŝdk, Commented Jun 5, 2017 at 8:26
Yes you are correct Arg0n. I am getting this is the output for console.log(res) the _body:  ↵Notice: Undefined index: question_id in C:\xampp\htdocs\success\team\votesNum.php on line 5 ↵{"up_votes":"0","down_votes":"0"} I am getting the response from php server by using echo json_encode(array('up_votes'=>$up_votes, 'down_votes'=> $down_votes )); can anyone tell how to solve this ? — herehere
– herehere, Commented Jun 5, 2017 at 8:56

serkan · Accepted Answer · 2017-06-05 19:55:03Z

1

this.vote_response = result.json();

Replace this one with console.log(result) and take the data and check with some online JSON validation site (https://jsonlint.com) to see if the data is valid JSON. You might be getting HTML body instead of JSON.

To response as JSON:

header('Content-Type: application/json');
echo  json_encode(array('up_votes'=>$up_votes, 'down_votes'=> $down_votes ));

edited Jun 5, 2017 at 19:55

answered Jun 5, 2017 at 8:12

serkan

7,1714 gold badges43 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

herehere Over a year ago

Yes you are correct. I am getting this is the output for console.log(res) the _body: ↵Notice: Undefined index: question_id in C:\xampp\htdocs\success\team\votesNum.php on line 5 ↵{"up_votes":"0","down_votes":"0"} I am getting the response from php server by using echo json_encode(array('up_votes'=>$up_votes, 'down_votes'=> $down_votes )); can anyone tell how to solve this ?

Collectives™ on Stack Overflow

Error in receiving JSON object from API

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related