Wie zu tun, ein $http GET mit einigen Daten in AngularJS?

Ich will, um eine Get-Anfrage in mein Backend, aber ich möchte, um zu überprüfen, einige Anmeldeinformationen der Benutzer vor dem senden des response-Objekt.

Hier ist mein code:

$scope.getEverything = function (){
    $http.get('http://localhost:1234/things').success(function(data){
        $scope.things = data;
    });
};

Ich habe versucht den gleichen code mit der folgenden syntax:

$http.method('path).then
$http.method(config)

Und ich konnte einfach nicht herausfinden, wie Sie übergeben, einige Daten. Versuchen, zu verwenden params:Daten des config-Objekt mit der print-out:

BEKOMMEN http://localhost:1234/[object%20Object] 404 (Nicht Gefunden)

Auf der Konsole.

Den AngularJS Docs nicht sagen, ein Wort über das senden von Daten mit GET-Anfragen. Ich habe auch versucht einige Antworten von Stack, aber die meisten davon sind veraltet und einfach nicht funktioniert.

Kann ich Daten senden mit GET-Anforderung oder das ist nur ein design-Fehler von meiner Bewerbung?

InformationsquelleAutor Rodmentou | 2015-08-24
  1. 8

    Sind Sie wahrscheinlich gehen zu müssen, eine POST-Methode statt der GET-Methode.

    Aber, es zu tun mit einer GET-Methode:

    Vom AngularJS übergeben von Daten an $http.get-Anforderung:

    Einen HTTP-GET-Anfrage kann nichts enthalten Daten, die an den server gesendet werden.
    Allerdings können Sie ein query-string der Anfrage.

    eckig.http bietet eine option für ihn params.

    $http({
     url: user.details_path, 
     method: "GET",
     params: {user_id: user.id}  
});

    Und mit AngularJS zu POSTEN, statt:

    $http.post('/someUrl', {msg:'hello word!'}).
  then(function(response) {
    //this callback will be called asynchronously
    //when the response is available
  }, function(response) {
    //called asynchronously if an error occurs
    //or server returns response with an error status.
  });
    • warum werden Sie injizieren jQuery $.ajax in eine eckige Frage? angular hat eine eigene ajax-api
    • Ich habe beide für Klarheit
    • Ich glaube nicht, dass jquery verwendet werden sollte, direkt, ob AngularJS ist, wie, zwingen Sie zu verwenden " $scope.$die Anwendung und auch brechen die Testbarkeit eckig (machen Winkelmesser stoppen und warten, für den Antrag zu Ende)
    • Ich habe es geändert so dass es zu 100% Eckig
    • Ok, ich werde mit POST-Anfragen. Ich bin mit Knoten mit Express und ich habe bereits versucht, mit Hilfe von POST-Anfragen zu BEKOMMEN gefilterten Daten auf der Grundlage der erf.Körper. Dann bin ich mit res.json(obj), um Daten zurück auf den client. Danke. Ich war nur in der Hoffnung, verwenden Sie die 'richtige' Wort-Methode.
    • Ok, froh zu helfen. Bitte wählen Sie diese Antwort!
    • schlagen Sie das Häkchen neben dieser Antwort
    • Ich wartete darauf, dass die Abklingzeit. P :Überprüfen, gerade jetzt. Danke!

    InformationsquelleAutor Wyetro
  2. 2

    Für $http.get Anfragen verwenden Sie die params Eigenschaft der config-Objekt

    $http.get(url, {params:{ foo:'bar'}}).then(func....

    Sehen die Argumente Tabelle in Nutzung Abschnitt "$http docs

    InformationsquelleAutor charlietfl
  3. 2

    Wenn Sie möchten, dass einige Daten auf per GET-Methode übergeben Sie eine params-Optionen auf die Methode get des $http-service. Diese werden urlencode Parameter

    $http.get(url, {
  params: {
    query: 'hello world'
  }
}

    oder

    $http({
   url: url,
   method:'GET',
   params: {
     query:'Hello World'
   }
})

    Aber, die http-Standards definieren, die die POST-Methode Daten an den server senden. Die BEKOMMT, ist einfach zum abrufen von Daten aus es. Auf Winkel-die post-Methode:

    $http({
  url: url,
  method:'POST',
  data: {
    query: 'Hello World'
  }
})

    überprüfen Sie die offiziellen docs von ERHALTEN und POST

    • Danke. Aber ich will nicht mit der Abfrage-Parameter. :/ Ich Fahr mit der POST. Danke.
    • Post ist der richtige Weg, um Daten an den server senden, wird die get-params-Daten, hängen Sie an die url der Anfrage. exp: url?Abfrage= "helloworld" &otherparam=23. Es ist Zweck verfeinern Sie die Optionen für die Anforderung. Keine Daten an den server senden.
    InformationsquelleAutor chfumero
  4. 1

    Versuchen

    var req = {
 method: 'GET',
 url: 'http://localhost:1234/things',
 data: { test: 'test' }
}

$http(req).then(function(){...}, function(){...});
    InformationsquelleAutor Alfonso Presa
Schreibe einen Kommentar