$http angularjs shows error on callback

Question

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?!

This code by itself seems correct so it's probably an issue with your web service. — tommybananas
– tommybananas, Commented Apr 22, 2014 at 15:49
@adrichman SyntaxError: Unexpected token { at Object.parse (native) — user3522457
– user3522457, Commented Apr 22, 2014 at 15:54

respectTheCode · Accepted Answer · 2014-04-22 15:54:30Z

1

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"}]

answered Apr 22, 2014 at 15:54

respectTheCode

43.2k18 gold badges75 silver badges86 bronze badges

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

2 Comments

user3522457 Over a year ago

good finding! I don't want it to be JSON, I want it to be normal js objects, how?

caffeinated.tech Over a year ago

JSON = JS objects, the problem here is that multiple JS objects should be inside array brackets []. Rather than trying to reconfigure angular's $http parser, I would suggest using PHP's json_encode

Collectives™ on Stack Overflow

$http angularjs shows error on callback

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related