来自Angular JS的HTTP Get请求收到空回复

Question

由于我是Web开发的新手，因此这很可能很容易解决。 不幸的是，我自己无法解决此问题，因为我不知道在哪里搜索。

目前，我正在尝试从本地计算机上运行的ASP.NET Web API中获取数据。 为了获得这些数据，我使用AngularJS编写了一小段JavaScript：

function MainController($scope, $http) {
  $http.get("http://localhost/DBLayerDLL/api/tablets/1005").
    then(function(response) {$scope.data=response;},
         function(response){$scope.data=response;});
}

使用的HTML页面也非常简单：

<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script src="scripts/main.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>Hello World!</h1>
    <div>
      <div>Data: {{data}}</div>
    </div>
  </body>

</html>

Web API中控制器的操作实现如下：

[RoutePrefix("api/tablets")]
public class TabletsController : ApiController
{
    [Route("{ID}")]
    [HttpGet]
    public TabletRecord GetTablet(int ID)
    {
        TabletRecord tablet = new TabletRecord();
        tablet.LoadFromID(ID);
        return tablet;
    }
}

问题出在我从HTTP请求获得的响应之内。 当打印在页面上时，它看起来像这样：

{"data":"","status":0,"config":{"method":"GET","transformRequest":[null],"transformResponse":[null],"url":"http://localhost/DBLayerDLL/api/tablets/1005","headers":{"Accept":"application/json, text/plain, */*"}},"statusText":""}

这是不正确的，因为我知道我的API将返回数据。 当我使用Fiddler看看发生了什么时，这对我来说甚至变得更加奇怪。 在Fiddler中，我可以看到请求，并且看到响应与我在网页上看到的完全不同：

Fiddler HTTP请求

由于缺乏知识和经验，我不知道发生了什么...

我的JavaScript有什么错吗？
我应该在HTML页面中做其他事情吗？
还是我的Web API中需要任何特殊的东西？

任何帮助或想法都将受到高度赞赏！

Answer 1

在花了更多时间之后，我发现需要一些事情来解决我的问题：

我注意到，为了使JavaScript能够向我的Web API发出请求，我必须在Web API上启用CORS。 我是通过此链接进入此页面的，我只是按照说明的步骤进行安装和运行。
我还首先发现，我还可以使用JavaScript中可用的常规XMLHttpRequest对象获取数据。 通过首先使用此方法显示数据，我还发现了下一项：
$http.get方法返回的响应对象实际上是我的Web API直接返回的对象。 因此，我只能使用定义的属性来显示所需的数据。

Answer 2

在普通的PHP上，我得到的角度变量

$data = file_get_contents("php://input");

你应该看看

print_r($data);

包含您所需要的。

来自Angular JS的HTTP Get请求收到空回复

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-05-11 09:39:14

解决方案2
0 2015-05-08 12:11:47

来自Angular JS的HTTP Get请求收到空回复

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-05-11 09:39:14

解决方案2 0 2015-05-08 12:11:47

解决方案1
1 已采纳 2015-05-11 09:39:14

解决方案2
0 2015-05-08 12:11:47