Javascript JSON数据的角度
我正在创建一个AngularJS客户端,并将其连接到我在NodeJS上运行的RESTAPI。我确实Javascript JSON数据的角度,javascript,angularjs,json,node.js,Javascript,Angularjs,Json,Node.js,我正在创建一个AngularJS客户端,并将其连接到我在NodeJS上运行的RESTAPI。我确实GET请求获取数据,方法是转到URL,然后使用股票符号,即苹果的股票数据localhost:8080/stocks/aapl。在AngularJS中,我使用$http服务,然后像这样进行数据绑定: var restURL = "http://localhost:8080/stocks/" + searchSymbol; $http({ method: 'GET', url: res
GET
请求获取数据,方法是转到URL,然后使用股票符号,即苹果的股票数据localhost:8080/stocks/aapl
。在AngularJS中,我使用$http
服务,然后像这样进行数据绑定:
var restURL = "http://localhost:8080/stocks/" + searchSymbol;
$http({
method: 'GET',
url: restURL
}).then(function successCallback(response) {
//Variables that are going to be used
var data, symbol, companyName;
//Parsing the data
data = angular.fromJson(response);
//Putting the data into the variables
symbol = data.symbol;
companyName = data.name;
//Putting data from variables into Angular code
$scope.companyName = companyName;
$scope.symbol = symbol;
}, function errorCallback(response) {
var message = "Error getting response from server";
$scope.errorMessage = message;
});
这就是视图组件的外观:
搜索股票
使用下面的文本框搜索股票
搜寻
{{symbol}}
{{companyName}}
{{errorMessage}}
当我单击按钮时,
GET
请求会反映在NodeJS服务器上,因为它在终端视图中显示公司数据,但是我似乎无法从角度对其进行解析。因为您的响应是一个对象,其中包含一个包含符号的属性数据,所以您的符号分配symbol=data.symbol代码>需要更改为symbol=data.data.symbol代码>
companyName也是如此(使用data.data.name)
看看这是否有效。控制台输出此行后的数据值:data=angular.fromJson(响应)代码>。对象的值是多少?返回响应时在第一行进行调试并检查它是什么。顺便说一句,你可以只写$http.get(restUrl)。然后(…
@SeanPerkins这是我得到的结果{data:{symbol:{AAPL],name:“Apple Inc.”,price:110.949997},status:200,headers:function,config:Object,statusText:“OK”}乍一看,您的searchSymbol ng模型似乎存在一些问题。无法正确转换从节点控制器获取的数据。请尝试JS Fiddle和post,这将更容易帮助您。使用Angular controller和所有。。