在Angular.js中进行$ http.get或$ http.jsonp调用

时间:2014-11-07 03:35:26

标签: javascript jquery json angularjs

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

someurl

标题: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;
     });

}

1 个答案:

答案 0 :(得分:0)

这个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>
&#13;
&#13;
&#13;