从AngularJS中的JSON解析$？
提问于 2013-07-07 10:56:40
如何在$中解析AngularJS中的JSON响应？
试图在没有YouTube的情况下获取JQuery搜索结果：
$http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published')
.success(function (data) {
$scope.video_list = data;
})
.error(function (data) {
$scope.video_list = data;
});如果没有来自该对象的错误响应，则在对其进行控制台时获取一个对象；但不能在其中查询。
$scope.video_list_fun = function () {
$http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published').then(function (response) {
$scope.video_list = response.data;
});
};同样在这里，也尝试过用,链式else。
$scope.video_list = (httpGet('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published'
)); // HttpGet from http://stackoverflow.com/a/4033310/587021这是可行的，但是当我解析它时，例如:使用JSON.parse；AngularJS可以去掉所有包含$的键。
应该注意的是，我尝试过使用他们的另一个API，但是无法获得相同的结果(并且不能包括它们的有用的发布日期和质量的args；因为它坏了)。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-07 11:34:08
它看起来像是一个跨域限制。看看使用$http.jsonp是否对您有用。
查看“在JavaScript中使用数据API”文档中的YouTube文档，其中声明您将需要使用alt=json-in-script以及callback参数。
所以而不是访问：
$http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published')您将访问：
$http.jsonp('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json-in-script&orderby=published&callback=JSON_CALLBACK')注意到差异：
- 使用
jsonp而不是get - 使用
alt=json-in-script而不是alt=json(请注意，根据API文档，这可能有所不同) - 添加
callback=JSON_CALLBACK(注意，根据API文档，这可能有所不同，但AngularJS在响应中寻找JSON_CALLBACK。
看看这把小提琴以查看工作版本(与基于原始代码的这把小提琴进行比较)。
还可以查看这个维基文章，以获得有关JSONP的更多信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17515249
复制
腾讯云开发者
