Javascript 使用Angular.js获取JSONP var base=http://api.themoviedb.org/3'; var服务='/movie/862'； var apiKey='#####'； var callback='JSON_callback'； var url=base+service+'？api_key='+apiKey+'&callback='+callback； var movieApp=angular.module（'movieApp'，[]）；控制器（'MovieCtrl'，函数（$scope，$http）{ $http.jsonp（url）.then（函数（数据）{ $scope.movies=数据； }); }); {{movie.title}{{movie.id}}_Javascript_Angularjs_Jsonp

Javascript 使用Angular.js获取JSONP var base=http://api.themoviedb.org/3'; var服务='/movie/862'； var apiKey='#####'； var callback='JSON_callback'； var url=base+service+'？api_key='+apiKey+'&callback='+callback； var movieApp=angular.module（'movieApp'，[]）；控制器（'MovieCtrl'，函数（$scope，$http）{ $http.jsonp（url）.then（函数（数据）{ $scope.movies=数据； }); }); {{movie.title}{{movie.id}}

javascript angularjs

Javascript 使用Angular.js获取JSONP var base=http://api.themoviedb.org/3'; var服务='/movie/862'； var apiKey='#####'； var callback='JSON_callback'； var url=base+service+'？api_key='+apiKey+'&callback='+callback； var movieApp=angular.module（'movieApp'，[]）；控制器（'MovieCtrl'，函数（$scope，$http）{ $http.jsonp（url）.then（函数（数据）{ $scope.movies=数据； }); }); {{movie.title}{{movie.id}},javascript,angularjs,jsonp,Javascript,Angularjs,Jsonp,{{movie.overview} 正在尝试使用Angular.js获取JSON。信息很好，但我相信状态也很好。结果在屏幕上放置了5个图像，4个坏图像和1个好图像以及数据。如何避免发送这些额外数据？使用AJAX请求JSON数据您希望通过AJAX请求获取JSON数据并呈现它。使用$http服务实现一个控制器，以获取数据并将其存储在作用域中 <html ng-app="movieApp"> <head> <meta charset="utf-8"> &

{{movie.overview}

正在尝试使用Angular.js获取JSON。信息很好，但我相信状态也很好。结果在屏幕上放置了5个图像，4个坏图像和1个好图像以及数据。如何避免发送这些额外数据？

使用AJAX请求JSON数据

您希望通过AJAX请求获取JSON数据并呈现它。使用$http服务实现一个控制器，以获取数据并将其存储在作用域中

<html ng-app="movieApp">
 <head>
 <meta charset="utf-8">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
 <script>
  var base = 'http://api.themoviedb.org/3';
  var service = '/movie/862';
  var apiKey = '####';
  var callback = 'JSON_CALLBACK';
  var url = base + service + '?api_key=' + apiKey + '&callback=' + callback;
  var movieApp = angular.module('movieApp', []);

  movieApp.controller('MovieCtrl', function ($scope, $http){
      $http.jsonp(url).then(function(data) {
      $scope.movies = data;
    });
  });
</script>
</head>
<body style="padding:12px;" ng-controller="MovieCtrl">
  <div ng-repeat="movie in movies">
    <h1>{{movie.title}} {{movie.id}}</h1>
    <p>{{movie.overview}}</p>
    <img ng-src="http://image.tmdb.org/t/p/w500{{movie.poster_path}}" style='width:200px'/>
  </div>
</body>
</html>



{{post.title}

var-app=angular.module（“MyApp”，[]）；
app.controller（“PostsCtrl”，函数（$scope，$http）{
$http.get（'data/posts.json'）。
成功（函数（数据、状态、标题、配置）{
$scope.posts=数据；
}).
错误（函数（数据、状态、标题、配置）{
//日志错误
});
});

您能告诉我们您的服务器端吗

/movie/

后端特定控制器所有人只需发送所需信息，你也可以查看微服务。微服务与任何事情有什么关系？@DaveNewton没有特别的，但更容易定制响应数据。不过没什么特别的。我突然想到。从我对这个问题的理解来看，OP不需要请求中的所有信息，只需要特定信息：减少接收数据。API就是API。代码应直接处理返回的实际数据；添加一个额外的层来实现文档化API的功能当然是可能的，但最大的ROI是按照预期的方式使用它。这如何减少接收到的臃肿数据？不要认为这是我的解决方案，$http.get似乎不适用于此场景。我用get尝试了几个例子，jsonp似乎是唯一一个给我带来成功的解决方案。

<body ng-app="MyApp">
  <div ng-controller="PostsCtrl">
    <ul ng-repeat="post in posts">
      <li>{{post.title}}</li>
    </ul>
  </div>
</body>
var app = angular.module("MyApp", []);

app.controller("PostsCtrl", function($scope, $http) {
  $http.get('data/posts.json').
    success(function(data, status, headers, config) {
      $scope.posts = data;
    }).
    error(function(data, status, headers, config) {
      // log error
    });
});