Angular.js에서 $ http.get 또는 $ http.jsonp 호출하기

필요한 데이터를 얻기 위해 다음 코드를 사용했지만 나에게 적합하지 않습니다. 내가 여기서 잘못하고있는 것은 무엇인가. Angular.js 문서 및 기타 스택 오버플로 게시물에서 많은 것을 시도했지만 나에게 도움이되는 것은 없습니다.

someurl

헤더 : Content-Type을 다음 JSON에서

패스 = 응용 프로그램/JSON : { "사용자 ID": "결과 someuser" "비밀번호": "SomePSWD" }

아래 코드는 제가 사용하고있는 코드이며 작동하지 않습니다.

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

}

출처

2014-11-07 hosker

오류를 http.jsonp 사용 AngularJS와? 일반적으로 JSONP 요청에는 ['$ http.jsonp'] (https://docs.angularjs.org/api/ng/service/$http#jsonp)를 사용합니다. – Phil

콘솔에서 오류가 발생하지 않습니다. 이유는 이것이 저에게 맞지 않는 이유에 대해 당혹 스럽지만, 백엔드 개발자는 작동하고 있다고 말합니다. – hosker

백엔드 개발자가이 작업을 수행하는 데 사용 된 쿼리 코드를 제공하고 플러그를 꽂았으며 오류가 발생하여 함수가 아님을 알립니다. 내 컨트롤러 안팎 바깥에 넣었습니다. function postInitialLoad ($ scope, $ http) { var postObject = new Object(); postObject.userID = ""; postObject.password = ""; var headers = new Object(); headers.Content_Type = 'application/x-www-form-urlencoded'; $ http.post ('url', postObject, headers). 성공 (함수 (data, status, headers, config) { $ scope.initialLoad = data; }); } – hosker

이 데모 애플리케이션 쇼가 어떻게 콘솔에

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>

출처

2014-11-07 05:53:00

Angular.js에서 $ http.get 또는 $ http.jsonp 호출하기

답변

관련 문제