$http得到返回未找到,而直接请求效果很好
$http get returns not found,while the direct request works good
我正在尝试使用一个用 ASP.net 编码的webAPI,但是当我尝试在浏览器控制台上使用角度$http.get从该API获取数据时,我得到GET <--URL-->未找到 当我尝试直接向同一URL发出请求时,它工作正常并将数据返回给我。我试图在 ASP 项目中的 Web.config 上添加 .json mimetype,但结果仍然相同。
工作网址是:https://adaba.azurewebsites.net/api/flights/searchairports?name=london - 请注意,这是一个带有必需参数的 GET 请求,因此您需要传递一个参数才能获取某些内容。
在这里,你可以直接从这个代码笔执行 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;
});
}
})
文件:
<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>
您的问题是:
- 您没有正确设置请求的参数,您需要使用
params
属性执行此操作
代码应为:
$http.get('https://adaba.azurewebsites.net/api/flights/searchairports',{
params: {name: $scope.input}
}).then(function (resp) {
看这里: http://codepen.io/anon/pen/OMGpqX
哦,请使用https://
相关文章:
- 我如何才能让CasperJS和PhantomJS在约塞米蒂玩得很好
- 在Javascript中使用全局变量作为缓存是很好的
- 我在下拉列表中尝试了下一个和前五年的html代码.接下来的5年我都过得很好.我怎样才能拿到之前的5年
- JavaScript中的OOP太令人困惑了,ES6很棒,但没有得到很好的支持,该怎么办
- "此网站似乎使用滚动链接定位效果.这可能不能很好地与异步平移一起工作;
- html5:一个很好的加载方法
- mootools 1.4.2和angular 1.3在ie8中配合得很好
- Javascript是一个很好的日期选择器和时间选择器库
- 使用JavaScript验证用户交互/输入-这是一种很好的方法
- unbind().click(function(){..})是一种很好的做法
- Chrome,Safari在从本地存储读取时挂起,而Firefox很好
- JQuery在Chrome中不起作用,但Firefox很好
- 这是一个很好的例子,显示了 JavaScript 中的 OOP 和过程编程之间的区别
- Javascript表排序工作得很好,但对所有索引进行迭代会得到不同的结果
- 以这种方式使用if/else-if/else是一种很好的做法
- 一个很好的JS库,用于容纳电气原理图
- webpack:在MacOS上很好,在linux上加载程序错误
- wrap() 不能很好地与 after() 一起使用
- JS和PHP变量don'不要表现得很好
- $http得到返回未找到,而直接请求效果很好