Javascript AngularJS$HTTP.json_Javascript_Json_Angularjs_Twitch

Javascript AngularJS$HTTP.json

javascript json angularjs

Javascript AngularJS$HTTP.json,javascript,json,angularjs,twitch,Javascript,Json,Angularjs,Twitch,我试图从API中提取当前流的列表，并使用AngularJS迭代这些信息。当我将JSON数据直接放入js文件中时，Angular工作正常。但是，当使用如下所示的http请求时，我会得到一个空白页面。我到处寻找，但在将其应用于我的具体问题时遇到了困难。感谢您的帮助。谢谢 Http文件： <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angular

我试图从API中提取当前流的列表，并使用AngularJS迭代这些信息。当我将JSON数据直接放入js文件中时，Angular工作正常。但是，当使用如下所示的http请求时，我会得到一个空白页面。我到处寻找，但在将其应用于我的具体问题时遇到了困难。感谢您的帮助。谢谢

Http文件：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
   <div ng-app="myApp" ng-controller="namesCtrl">
      <ul>
         <li ng-repeat="x in names">
            {{ x.game }}
         </li>
      </ul>
   </div>
<script src="repeat.js"></script>
</body>
</html>

https://api.twitch.tv/kraken/streams?json_callback=JSON_CALLBACK

不是JSONP（它是纯JSON）

为了使用

$http.JSONP（）

https://api.twitch.tv/kraken/streams?json_callback=JSON_CALLBACK

不是JSONP（它是纯JSON）

为了使用

$http.JSONP（）

，您需要一个能够做出JSONP响应的服务器。当然，使用$http.get（'url'）是可行的。我错误地认为“data”对象是数组，并将“[0]”传递给它，这是不正确的。下面是代码，它可以按照标记中的指示提取信息并重复数据。谢谢你的帮助

HTML:

嗯，使用$http.get（'url'）确实有效。我错误地认为“data”对象是数组，并将“[0]”传递给它，这是不正确的。下面是代码，它可以按照标记中的指示提取信息并重复数据。谢谢你的帮助

HTML:

我尝试过使用$http.get（…），但仍然不起作用。我认为我只是没有传递正确的参数和选择正确的对象，但是我尝试了每一种组合，我感到不知所措。谢谢当您尝试使用

$http.get

时，开发人员工具中的控制台会说些什么？我尝试过使用$http.get（…），但仍然不起作用。我认为我只是没有传递正确的参数和选择正确的对象，但是我尝试了每一种组合，我感到不知所措。谢谢当您尝试使用

$http.get

时，开发人员工具中的控制台会说什么？

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

$http.jsonp("https://api.twitch.tv/kraken/streams?json_callback=JSON_CALLBACK")
.success(function(response) {$scope.names = response.streams;});

});

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

</head>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<ul>
  <li ng-repeat="x in data.streams">
    {{ x.game }}
  </li>
</ul>

</div>

<script src="repeat.js"></script>

</body>
</html>

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

$http.get('https://api.twitch.tv/kraken/streams?').success(
    function(data, status){
        $scope.data = data;
    });
});