Angularjs和Web Api - JSON格式问题

时间:2014-09-05 20:55:13

标签: ajax json angularjs asp.net-web-api asp.net-web-api2

我有一个轻量级的Angularjs应用程序,我正在尝试从我的ASP.NET Web Api控制器处理json。

在angularjs工厂:

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

在控制器中:

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

当我在$ http get with this one中更换网址时,会点击成功块。但是,以相同方式返回json格式的默认URL会点击错误块。

有人能帮助我吗?两者都返回application / json响应头,并且都返回200 OK的状态(使用Chrome进行调试)。我无法弄清楚为什么我的json会碰到错误块。

1 个答案:

答案 0 :(得分:2)

您的服务回复

  

请求时没有'Access-Control-Allow-Origin'标头   资源。 Origin'run.jsbin.com';因此不允许访问。   来自您的legacywebapi.azurewebsites.net/api/legacycourier

请见jsbin.com/nugif/1/edit

只需启用跨域资源共享。