CODEWITHSUNDEEP
javascriptphpangularjs
user3522457
user3522457

Reputation: 2963

$http angularjs shows error on callback

I tested my php alone and it gave me this result

{"tabId":1,"tabName":"Main","uId":"1"}{"tabId":2,"tabName":"Photography","uId":"1"}

but my angularjs can't receive the callback, it return an error somewhere in angularjs

userId = '1';

$http({
    url: "php/loadTab.php",
    method: "GET",
    params: {'userId':userId}
    }).success(function(data, status, headers, config) {
        console.log(data);
    }).error(function(data, status, headers, config) {
    });

the wierd thing I reuse the exact ajax code and it worked previously. Any thought on this?

the error : SyntaxError: Unexpected token { at Object.parse (native)

the more strange thing : I purposely add another echo on my php and it able to console the value. what?!

Upvotes: 0

Views: 102

Answers (1)

respectTheCode
respectTheCode

Reputation: 43096

The data from the server isn't valid JSON.

$httpProvider.defaults.transformResponse will try to parse the JSON if the data looks like JSON.

https://docs.angularjs.org/api/ng/service/$http

To fix this you could make the parent an array of objects like this

[{"tabId":1,"tabName":"Main","uId":"1"},{"tabId":2,"tabName":"Photography","uId":"1"}]

Upvotes: 1

Related Questions