Rufen Sie die OData-Service mit JQuery, Ajax und JSONP

Ich versuche, rufen Sie einen OData-service mit JQuery $.ajax und laufen in einige Probleme.

Wenn ich den service rufen mit dataType: "jsonp", erhalte ich den status code 200 und die Daten, die ich brauche, aber es fällt in meine JQuery-Fehler: Funktion(Daten)

Wenn ich den service rufen mit dataType: "json", ich bekomme nichts, der Aufruf der Dienst wird auch nicht passieren.

Hier ist meine .ajax-Aufruf:


$.ajax({
beforeSend: function(request) {
request.setRequestHeader("Accept", "application/json;charset=utf-8");
},
type: "GET",
url: this.uri + filter,
dataType: "jsonp",
success: function(data) {
//I never get here but in fiddler I get a 200 status code
},
error: function(data) {
//This works and gives me the data but it's in the JQuery error handler
//$.parseJSON(data.responseText)
}
});



Ich habe versucht mehrere Variationen "jsonp: "false", "Rückruf", etc und ohne Erfolg. Ich sollte auch erwähnen, dass die website und die odata-webapi auf dem gleichen server, aber Zugriff auf die website über https und dann die ajax-client ruft den Dienst via http.

Wäre jeder in der Lage sein, mir zu sagen, wohin ich gehe falsch gemacht?

Vielen Dank im Voraus!

InformationsquelleAutor Rob | 2014-05-05
  1. 1

    Es ist sehr möglich, dass Sie anrufen, ein OData-Dienst, der bereits unterstützt CORS. Das bedeutet, dass Sie nicht brauchen, um anzugeben, verwenden JSONP in Ihrer Anfrage. Wenn die Antwort mit dem status-code 200, dass Sie bekommen haben-header "Access-Control-Allow-Origin: xxx", sind Sie wahrscheinlich zu sprechen, um diese Art von service.

    Versuchen, verwenden Sie einfach die folgende ajax-Aufruf:

    $.ajax({
        type: "get",
        async: false,
        url: "http://services.odata.org/V4/OData/OData.svc/Products",
        success: function (data) {
            alert(JSON.stringify(data));
        },
        error: function (xhr, textStatus, errorMessage) {
            alert(errorMessage);
        }
    });

    Und Sie können finden die Daten im alert-Fenster.

    • Ich versuchte Ihren Vorschlag und bekomme die Fehlermeldung "Zugriff verweigert". Ich bin mit VS2013 mit den neuesten Bibliotheken. System.Web.Http.Odata-5.1.0.0, MVC 5.1.0.0, etc. Es scheint, als ob die JQuery jsonp-Aufruf funktioniert, aber da der OData-Dienst nicht weiß, wie die Rückkehr der gepolsterte Antwort und gibt einfach zurück, json. Wenn JQuery erhält, die Antwort, die er erwartet eine gepolsterte Antwort und weiß nicht, wie Sie mit ihm umgehen, so ist es geschickt, um den Fehler-handler. Ich bin so nah, aber einfach etwas fehlt. Danke!
    • Schön zu hören, es. Du bist herzlich willkommen. 🙂
    • Ok muss schmunzeln, ein bisschen, es hat nicht funktioniert für mich, und ich nehme an, du hast nicht gelesen, meine ganze Antwort. Ich mache die gleiche Sache die ganze Zeit bei der Arbeit 🙂
    InformationsquelleAutor Yi Ding - MSFT
  2. 1

    Nach unzähligen Stunden Aufwand habe ich es endlich auf Arbeit durch überspringen von JQuery und über xmlhttprequest-Objekt, hier mein funktionierenden code:


    var uri = this.uri + filter;

    var http_request = new XMLHttpRequest();
http_request.setRequestHeader("Authorization", "Negotiate");

http_request.onreadystatechange  = function() {
    if (http_request.readyState == 4  ) {
        var data = JSON.parse(http_request.responseText);
        alert(data.value[0].Name);
    }
}

http_request.open("GET", uri, true);
http_request.send();

    Habe ich mir Stücke aus, die überall im web, so dass andere verdienen Anerkennung.

    Dies ist für die Verwendung auf einem lokalen intranet mit IE nur, wenn jemand einen anderen Vorschlag, den ich ausprobieren kann oder einen besseren Weg, dies zu tun, ich würde schätzen Ihr feedback.

    Danke!

    • Ich glaube, dies ist für OData V3, habe ich Recht?
    InformationsquelleAutor Rob
Schreibe einen Kommentar