Angularjs and Web Api - JSON formatting issue

Question

I have a lightweight Angularjs app and I'm trying to process json from my ASP.NET Web Api controller.

In the angularjs factory:

adapter.getLegacyCouriers = function(id) {
  return $http({
    method: 'GET', 
    url: 'http://legacywebapi.azurewebsites.net/api/legacycourier'
  });
}

In the controller:

legacyService.getLegacyCouriers()
.success(function (response) {
       alert("Success: " + JSON.stringify(response));
})
.error(function (response) { 
    alert("Error: " + JSON.stringify(response)); 
});

When I exchange the URL in the $http get with this one it hits the success block. However, my default URL which returns json formatted in the same way hits the error block.

Can someone help me? Both returns application/json response headers, and both return a status of 200 OK (using Chrome to debug). I can't figure out why my json is hitting the error block.

@mmeverdies this message correspond as the example of success request — Fals
– Fals, Commented Sep 5, 2014 at 21:03
@rnrneverdies I wasn't getting that "daily limit" message when I was testing the geonames api. It was returning an actual json result set that was formatted the exact (or so I believe) same way as my one returned from the Web Api controller. — Barry Gallagher
– Barry Gallagher, Commented Sep 5, 2014 at 21:05
Looks like a paremeter issue. Probly the method has no default parameters. Something is happening in the server side. Try to log any exception in the api — Fals
– Fals, Commented Sep 5, 2014 at 21:05
@Fals There is no server side error as you can see by testing the URL: legacywebapi.azurewebsites.net/api/legacycourier - it responds with a 200 OK and the application/json header — Barry Gallagher
– Barry Gallagher, Commented Sep 5, 2014 at 21:06
I've got response No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'run.jsbin.com' is therefore not allowed access. from your legacywebapi.azurewebsites.net/api/legacycourier please see here jsbin.com/nugif/1/edit — sylwester
– sylwester, Commented Sep 5, 2014 at 21:25

sylwester · Accepted Answer · 2014-09-05 21:56:16Z

2

Your service responing with

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'run.jsbin.com'; is therefore not allowed access. from your legacywebapi.azurewebsites.net/api/legacycourier

please see here jsbin.com/nugif/1/edit.

Just enable cross-origin resource sharing.

answered Sep 5, 2014 at 21:56

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Angularjs and Web Api - JSON formatting issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related