Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript $http get返回未找到,而直接请求工作正常_Javascript_Html_Angularjs - Fatal编程技术网

Javascript $http get返回未找到,而直接请求工作正常

Javascript $http get返回未找到,而直接请求工作正常,javascript,html,angularjs,Javascript,Html,Angularjs,我试图使用ASP.net中编码的一个webAPI,但当我试图在浏览器控制台上使用angular$http.get从该API获取数据时,我得到了找不到当我试图直接向同一URL发出请求时,它工作正常并将数据返回给我。我试图在ASP项目的Web.config中添加.json mimetype,但结果仍然相同 工作url是:-请注意,它是一个GET请求,带有一个必需参数,因此您需要传递一个参数来获取某些内容 在这里,您可以直接从该代码笔执行api请求: JS文件: var app = angular.m

我试图使用ASP.net中编码的一个webAPI,但当我试图在浏览器控制台上使用angular$http.get从该API获取数据时,我得到了找不到当我试图直接向同一URL发出请求时,它工作正常并将数据返回给我。我试图在ASP项目的Web.config中添加.json mimetype,但结果仍然相同

工作url是:-请注意,它是一个GET请求,带有一个必需参数,因此您需要传递一个参数来获取某些内容

在这里,您可以直接从该代码笔执行api请求:

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>



算计 {{response}json}
您发行的是:

  • 如果没有正确设置请求的参数,则需要使用
    params
    属性执行此操作
代码应为:

请看这里:

哦,请使用https://您发行的是:

  • 如果没有正确设置请求的参数,则需要使用
    params
    属性执行此操作
代码应为:

请看这里:


哦,请使用
https://

您有问题它可能是cors问题,请阅读以下内容:不是cors问题:
访问控制允许来源:
在响应标题中。如果您的回调不起作用,请尝试使用
$q
解决响应,确保最后没有问题?您有问题它可能是cors问题,阅读以下内容:不是CORS问题:
访问控制允许源代码:
在响应标题中。如果您的回调不起作用,请尝试使用
$q
来解决响应,确保响应结尾不是没有的?URL起作用,如果结尾没有“s”,则返回错误数据,工作url是:它是带有必需参数的GET请求,因此您需要传递一个参数来获取某些内容PS:将params:放在name:input之前可以解决此问题,并且它可以工作,我不知道这是必需的,谢谢你的帮助,在url上用“s”更新你的答案,这样我就可以选择你的答案PPS:updated codepen:url有效,如果最后没有“s”,则返回错误的数据,工作url是:它是带有必需参数的GET请求,因此您需要传递一个参数来获取某些内容PS:将params:放在name:input之前可以解决此问题,并且它可以工作,我不知道这是必需的,谢谢你的帮助,并在url上用“s”更新你的答案,这样我就可以选择你的答案PPS:update codepen:
 $http.get('https://adaba.azurewebsites.net/api/flights/searchairports',{
      params: {name: $scope.input}
 }).then(function (resp) {