SyntaxError：JSON中位置0上的意外令牌<

Question

SyntaxError: Unexpected token < in JSON at position 0

while retrieving json data using ionic 2 here is the link http://areeef.unaux.com/php/platforms.php

here is the code i am using to get json data

constructor( public navCtrl: NavController, private http: Http) {

this.http.get('http://areeef.unaux.com/php/platforms.php').map(res => res.json()).subscribe(data => {
   console.log(data);
}); }

when i run the same php code in local host then i can run the app without any error. but in online sever it is giving the error mentioned above so is that a problem of the server or error in my code?

Answer 1

Nothing seems wrong with the code. The problem is because your server not returning valid JSON.

Check the API's behaviour using postman plugin. I have checked it and it returning invalid JSON-

This site requires Javascript to work, please enable Javascript in your browser or use a browser with Javascript support

So, get your api working on postman first.

Answer 2

This error is normally caused by the server returning non JSON data. In this case, the PHP script could be returning an error message in form of HTML which will cause an error. The best approach for such errors is to debug the PHP script independently or accommodate the possibility of getting both html and JSON data on the client side.