Mit Ember.js Erhalten JSON-API in Server-Antwort aus einer Post-Anfrage

Kann ich nicht sprechen autoritativ zu ember-Daten (obwohl ich genug wissen, um zu behaupten, dass es sicherlich unterstützt das HTTP-verb POST), außer zu zitieren, die docs:

Ohne Konfiguration, Ember Daten laden und speichern von Datensätzen und deren Beziehungen diente, die über eine RESTful-JSON-API, vorausgesetzt, Sie folgt bestimmten Konventionen.

Wenn Sie brauchen, um zu integrieren Ember.js app mit der bestehenden JSON-APIs, die sich nicht an strenge Konventionen, Ember Daten ist entworfen, um extrem einfach, mit zu arbeiten, was auch immer Daten von Ihrem server zurückgemeldet.

Sehen http://emberjs.com/guides/models

Die 'bestimmte Konventionen', die Ember-Daten beziehen sich auf oben ist ein bisschen ein bewegliches Ziel, aber die Ember-team ist in der Nähe der Kodifizierung, die definitiv (siehe jsonapi.org).

Auch vom doc:

Für einfache Anwendungen, können Sie durch die Verwendung von jQuery zum laden von JSON-Daten vom server, dann verwenden Sie die JSON-Objekte als Modelle.

Werde ich zeigen, wie genau das zu tun.

Der einfachste Weg, um loszulegen ist, um Sie nur Glut enthalten jQuery.ajax() Methode überall in Ihrer ember codebase:

App.examplePost = function () {
    return Em.$.ajax('http://example.com/api/serviceXYZ', {
        "type": 'POST', //HTTP method
        "dataType": 'JSON', //type of data expected from the API response
        "data": { //Begin data payload
            "auth": {
                "type" : "basic",
                "password": "xxx",
                "username": "someone"
            },
            "requestId" : 15,
            "method": {
                "name": "getUserAvailabilityAndInfo",
                "params": {
                    "userId" : "000",
                    "peopleOnly" : "1"
                }
            }
        }, //End data payload
        "success": function (data, textStatus, jqXHR) {
            return data;
        },
        "error": function (jqXHR, textStatus, errorThrown) {
            window.console.log(jqXHR);
        }
    });
};

(Siehe der standard-jquery-ajax () - Dokumentation für weitere details auf die oben genannten.)

Einige Beispiele, wie man tatsächlich so etwas wie die oben genannten in Ihrer ember-app:

Das Modell "Haken"

In einer entsprechende route-definition, würden wir überschreiben die Standard - Modell() Methode:

App.ExamplePostRoute = Ember.Route.extend({
    model: function (params) {
        return App.examplePost();
    }
});

Zu sehen, das Modell hook in Aktion, würden Sie navigieren, um die route Weg, die Karten zum 'examplePost" route Staat über die verknüpfte URL (z.B., http:/myemberapp.example.com/#/examplePost). Weil unsere ajax-call ausgeführt App.examplePost() schließlich gibt die API-Daten auf ein erfülltes Versprechen (siehe die Erfolg () - Funktion), das Modell hook weiß zu nutzen, dass die Rückmeldung als Modell-Objekt (und es weiß, wie asynchron mit Versprechungen).

Ein "statisches Objekt" controller

Einen noch mehr künstliches Beispiel wäre, um die Standardeinstellung zu überschreiben setupController() Methode, die auch in der route-definition.

App.ExamplePostRoute = Ember.Route.extend({
    setupController: function (controller, model) {
        return App.examplePost().then(
            function (data) {
                controller.set(model, data);
            }
        );
    }
});

Den setupController-route-Methode (welche immer aufgerufen wird, unabhängig davon, ob Sie die Umstellung auf eine route Staat per URL oder anderen übergang-Methode) ist nicht wissen darüber verspricht, damit die .dann() Nutzung vor.

Wieder, würde Sie normalerweise nicht statisch laden ein literal Modell jedes mal, wenn Sie eine route Staat, aber es ist ein Weg, um begonnen zu erhalten, und mit der Chrome-Ember Inspector, wird Ihnen helfen, zu beweisen, dass in der Tat diese arbeiten können! Auch, jquery und verspricht, sind ein kompliziertes Thema, und in der Praxis, wenn Sie gerollt werden, Ihre eigenen client-API-code, den Sie wollen, um zu cast jquery-promise-Objekt in ein standard promise-Objekt (siehe promises.org) über Ember.Latente.Versprechen(), zum Beispiel. Dies ist nicht Gegenstand dieser Frage, aber FYI für Ihre nahe Zukunft Erkundungen.