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 request

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

我的JavaScript中有什么问题吗？
我应该在HTML页面中做些什么吗？
或者我的Web API中是否需要任何特殊内容？

非常感谢任何帮助或想法！

Answer 1

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

我注意到我必须在我的Web API上启用CORS才能使JavaScript能够向我的Web API发出请求。我通过这个link来到这里，我只是按照解释的步骤来启动并运行。
我最初还发现，我也可以使用JavaScript中提供的常规XMLHttpRequest对象来获取数据。通过首先使用此方法显示我的数据，我还发现了下一个项目：
$http.get方法返回的响应对象实际上是我的Web API直接返回的对象。所以我可以使用定义的属性来显示所需的数据。

Answer 2

在普通的php上，我用

获取角度变量

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

你应该看看

print_r($data);

包含您需要的内容。

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

2 个答案: