如何使用Angular.js从Web服务获取数据

Question

我试图使用Angular获取数据 我正在尝试调用此地址所示的CurrencyConverter方法：http://www.webservicex.net/WS/WSDetails.aspx?WSID=10

我的代码不起作用：

请帮助我.....

谢谢

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http){ 

$http({
method : "GET",
url : "http://www.webservicex.net/CurrencyConvertor.asmx/ConversionRate?FromCurrency=USD&ToCurrency=USD"
}).then(function mySucces(response) {
$scope.myWelcome = response.data;
}, function myError(response) {


$scope.myWelcome = response.statusText;});});

HTML

<div ng-app="myApp" ng-controller="myCtrl"> 
<p>Today's welcome message is:</p>
<h1>{{myWelcome}}</h1>
</div>

输出

NOTFOUND

Answer 1

api端点似乎给出了交叉原点错误，response.statusText也最终为空，因此您无法告诉您的应用中的http调用错误。如果您将错误消息更改为某个字符串，您将看到http调用返回。