Wie man der Antwort nach dem POST in AngularJS?

Ich habe die java-app mit API für REST.
Und ich machen das front-end für ihn. Jetzt arbeite ich mit der Autorisierung.

Wenn ich POST-Anfrage-app gibt mir die JSON-Nachricht wie diese:
Wenn login und pass ist Recht

{
    "result": {
        "token": "shgvojhhsifav37o5a3sebc3if"
    }
}

Werden und wenn Sie nicht Recht: 

{
    "error": {
        "code": 10,
        "message": "Incorrect login or password"
    }
}

Ich sehe die Antwort im browser, aber können nicht nehmen Sie es zur Verwendung in JavaScript-code.

Ist und wie ich es bekommen kann und überprüfen Sie für die nächsten Aktionen.

Meine JavaScript:

controllers.controller('userAuthCtrl', ['$scope','$http',
  function($scope, $http){
        $http({
            method: 'POST',
            url: '/rest/api/auth/login',
            data: '?login=test&password=passwo3rd',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
        }).
            success(function(data, status, header, config) {
                console.log(header());
                console.log(config);

                $scope.dataU = data;
                $scope.statusU = status;
            }).error(function(data, status, header, config){
                console.log(header());
                console.log(config);
            })

  }
]);

Meiner test-HTML ist einfach jetzt. 

<div class="testCont" ng-controller="userAuthCtrl">

</div>
InformationsquelleAutor elpofigisto | 2014-04-11
  1. 7

    $http (Dokumentation) gibt ein Versprechen mit zwei zusätzlichen Methoden. success was Sie sind handling und richtig error die Sie nicht definiert haben, aber Sie können leicht Kette nach Ihrem success Funktion.

    $http({[options]})
    .success(function(data, status, headers, config){})
    .error(function(data, status, headers, config){});

    Wenn Ihr web-Antwort ist immer noch die Rückkehr ein status 200 für Erfolg oder Misserfolg, dann können Sie handhaben es so-in Ihrem Erfolgs-handler:

    $http({})
    .success(function(data, status, headers, config){
        /*called for result & error because 200 status*/
        if (data.result){
            //handle success here
        } else if (data.error {
            //handle error here
    })
    .error(function(data, status, headers, config){
        /*handle non 200 statuses*/
    });

    Basierend auf Kommentare, werden Sie auch brauchen, um dies zu ändern:

    data: '?login=test&password=passwo3rd

    zu:

    data: {login: 'test', password: 'passwo3rd'}

    Dies ist, weil es ist nicht eine Abfrage-Zeichenfolge, sondern stattdessen Teil den Hauptteil der Anfrage im JSON-format.

    • Ich bekomme immer den status 200 unabhängig von der login/pass. wenn ich mit REST-Konsole und schicken POST-Anfrage, bekam ich wahre Antwort.
    • Wenn das der Fall ist, schauen Sie auf der 2. code block I enthalten, basierend auf Ihren Daten-Modell, das zurückgegeben wird, können Sie bestimmen die Logik, je nachdem, ob das Feld enthalten ist result oder error basierend auf JSON-Sie enthalten über
    • ich update meine code mit .Fehler()
    • o es gab ein Ergebnis. console.log(data.error); -- >>> Object {code: 10, Meldung: "Falscher Benutzername oder Passwort"} Aber login und Passwort richtig ist.
    • Wenn ich einfügen, login und pass zum URL-Feld, ich bekomme gutes Ergebnis.
    • Es dosn 'T Arbeit mit Daten: {login: "test", Passwort: 'passwo3rd'} nur geben, wenn ich die Daten in der URL.
    • Dann fügen Sie, was Sie hatte ursprünglich in Daten zu Ihrer URL und entfernen von Daten
    • hat das Sinn für Sie? machen Sie Ihre url: /rest/api/auth/login?login=test&password=passwo3rd und entfernen Sie das Daten-Feld

    InformationsquelleAutor Brocco
  2. 2

    Es für Sie nützlich sein könnte.

     $http.post("Your URL").success(function(data) {
        //success
        here 


    }).error(function(error) {
        //error
        console.log(JSON.stringify("Failed to get t&c: " + error));
    });`
    InformationsquelleAutor Siva
Schreibe einen Kommentar