javascript - $http get 返回未找到，而直接请求效果很好

Question

我正在尝试使用在 ASP.net 中编码的一个 webAPI，但是当我尝试在浏览器控制台使用 Angular $http.get 从该 API 获取数据时，我得到 GET <--URL--> Not find 当我尝试直接向同一 URL 发出请求时，它工作正常并向我返回数据。我尝试在 ASP 项目的 Web.config 中添加 .json mimetype 但结果仍然相同。

工作网址是:https://adaba.azurewebsites.net/api/flights/searchairports?name=london - 请注意，这是一个带有必需参数的 GET 请求，因此您需要传递一个参数才能获取某些内容。

在这里您可以直接执行来自此Codepen的api请求:http://codepen.io/albpower/pen/mVgyNP

JS文件:

var app = angular.module("APP",[]);

app.controller("appCtrl",function($http,$scope){
  $scope.calculate = function(){
    $http.get('http://adaba.azurewebsites.net/api/flights/searchairports',{
      name: $scope.input
    }).then(function (resp) {
     console.log(resp);
      $scope.response = resp;
  });
  }
})

HTML 文件:

<div ng-app="APP" ng-controller="appCtrl">
  <input type="text" placeholder="amount" ng-model="input"><br><br>

  <button ng-click="calculate()">Calculate</button>

  <pre>
  {{response | json}}
  </pre>
</div>

Answer 1

您的问题是:

• 您没有正确设置请求的参数，您需要使用 params 属性来执行此操作

代码应该是:

 $http.get('https://adaba.azurewebsites.net/api/flights/searchairports',{
      params: {name: $scope.input}
 }).then(function (resp) {

请参见此处:http://codepen.io/anon/pen/OMGpqX

哦，请使用https://