使用angularjs$http.get()获取json对象时出现问题
我是AngularJS新手,我正在尝试对json结果进行分页,但我有一个错误。 JSON服务返回如下内容: products.json:使用angularjs$http.get()获取json对象时出现问题,json,angularjs,Json,Angularjs,我是AngularJS新手,我正在尝试对json结果进行分页,但我有一个错误。 JSON服务返回如下内容: products.json: X({ "data":{ "reference":{ "timestamp":"24/02/2014", "item":{ "id":"123456", "name":"Re
X({
"data":{
"reference":{
"timestamp":"24/02/2014",
"item":{
"id":"123456",
"name":"Reference Product",
"price":"R$ 39,90",
}
},
"arrayData":[
{
"businessId":"123",
"name":"Recommended Product",
"price":"R$ 29,00",
},
{
"businessId":"1234",
"name":"Another Recommended Product",
"price":"R$ 39,00",
},
]
}
});
我处理json的脚本如下所示:
var todos = angular.module('results', ['ui.bootstrap']);
results.controller('ResultsController', function($scope, $http) {
$scope.makeResults = function() {
$http.get('products.json').success(function(resp){
console.log(resp);
});
};
$scope.makeResults();
});
但当执行时,代码在控制台中打印为纯文本,而不是对象。
如果我使用$http.jsonp而不是$http.get,则会出现一个ReferenceError:X未定义。
仅用于测试,在jQueryAjax中,我尝试了相同的数据类型:“jsonp”和jsonpCallback:“X”选项,并解决了问题
有人能帮我吗
Thks你的
products.json
外观怎么样?products.json的内容肯定不是有效的json,它是JavaScript。它遵循JSONP的约定。如果要使用JSONP,那么还必须在客户端定义函数(X
)。如果没有理由使用JSONP,那么只需将有效的JSON放入您的文件中,并使用JSON.parse
对其进行解析即可。您可能应该阅读@FelixKling…JSON文件是一个服务,我无法访问此JSON结果的生成器。如何定义X函数?@在主题中强调products.json的内容。。。第一个代码块“如何定义X函数?”与您定义任何其他函数一样:functionX(data){/*do stuff with data*/}
。它必须是全球性的。但是,我假设Angular可以使用JSONP,而无需手动定义函数。