在 Angular.js 中调用 $http.get 或 $http.jsonp答案

【问题标题】：Making an $http.get or $http.jsonp call in Angular.js在 Angular.js 中调用 $http.get 或 $http.jsonp
【发布时间】：2015-01-03 19:04:50
【问题描述】：

我获得了以下代码，用于获取我需要的数据，但它对我不起作用。我在这里做错了什么。我从 Angular.js 文档和其他堆栈溢出帖子中尝试了很多东西，但对我没有任何帮助。

一些网址

标头：Content-Type = application/json

传入以下json： { "userID": "SomeUSER", “密码”：“SomePSWD” }

下面是我正在使用的代码，但它不起作用。

function getGroup($scope, $http) {
     $http.get('SOMEURL?callback=JSON_CALLBACK&userID=SomeUSER&password=SomePSWD ').
     success(function(data) {
        $scope.group = data;
     });

}

【问题讨论】：

您的控制台有错误吗？通常，对于 JSONP 请求，人们会使用 $http.jsonp。
我在控制台中没有收到任何错误，这就是为什么我很困惑为什么这对我不起作用，但后端开发人员表示它正在工作。
后端开发人员给我他用来完成这项工作的查询代码，我已经插入，我收到一个错误，指出它不是一个函数。我把它放在我的控制器函数的内部和外部 postInitialLoad($scope, $http) { var postObject = new Object(); postObject.userID = ""; postObject.password = ""; var headers = new Object(); headers.Content_Type = '应用程序/x-www-form-urlencoded'; $http.post('url', postObject, headers)。成功（函数（数据，状态，标头，配置）{ $scope.initialLoad = 数据；}）； }

标签： javascript jquery json angularjs

【解决方案1】：

这个 angularjs 演示应用展示了如何使用 http.jsonp

var httpJsonDemoController = angular.module('HttpJsonDemo', []);
httpJsonDemoController.controller('DataController', ['$scope', '$http', function($scope, $http) {
      $http.jsonp("http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Waseem%20Hero").
  success(function(data) {
    $scope.data = data;
    $scope.name = data.name;
    $scope.salutation = data.salutation;
    $scope.greeting = data.greeting;
    
    
  }).
  error(function (data) {
    $scope.data = "Request failed";
  });
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"></script>
<div id="wrapper" ng-app="HttpJsonDemo">
  <div ng-controller="DataController">
    <pre ng-model="data">
     {{data}}
    </pre>
    
    <input ng-model='name' />
    {{name}}
    
    <input ng-model='salutation' />
    {{salutation}}
    
    <input ng-model='greeting' />
    {{greeting}}
  </div>
</div>

【讨论】：