Holen Sie sich json aus jsonp Holen Versprechen

Ich bin nur ab reagieren,-Muttersprachler, und ich mache das klassische Beispiel in den docs als Basis...

fetch('https://facebook.github.io/react-native/movies.json')
  .then((response) => response.json())
  .then((responseJson) => {
    return responseJson.movies;
  })
  .catch((error) => {
    console.error(error);
  });

Diesem alles Prima funktioniert mit der richtigen json in diesem Beispiel.

Jedoch in meinem speziellen Fall, die nur api-Antwort verfügbar ist JSONP und nicht als JSON. Keine grundlegende JSON verfügbar ist. So erhalte ich eine Fehlermeldung über die "(".

Also anstelle von JSON wie

{"id": "1", "movies" : [ { "id" : "123" } ] }

Erhalte ich JSONP wie

?( {"id": "1", "movies" : [ { "id" : "123" } ] });

Allerdings bin ich mir unsicher, was ich tun kann, um die JSON-aus diesem über die fetch verspricht ? Wie kann ich manipulieren, die Reaktion bei einer eigenen Funktionen, oder ist es eine Natürliche Art und Weise ?

So, in der ersten dann() ich bin mir nicht sicher, was ich tun kann, um aus der json - (ich habe versucht, den Betrieb auf die Antwort, aber das scheint nur zu schauen, die Versprechen, so bin ich nicht sicher, wie Sie reagieren-native-fetch-Betrieb ist mit dieser).

  • Danke für den downvote, nützlich sein würde, zu sagen, warum, so konnte ich es verbessern.
InformationsquelleAutor Ian | 2016-12-14
  1. 9

    Ich würde vorschlagen, mit Antwort.text() anstelle von Reaktion.json(), entfernen Sie die umliegenden Geräusche und dann den JSON-string Parsen.

    JS:

    fetch('YOUR URL HERE')
        .then((response) => response.text())
        .then((responseText) => {
            const match = responseText.match(/\?\((.*)\);/);
            if (! match) throw new Error('invalid JSONP response');
            return JSON.parse(match[1]).movies;
        })
        .catch((error) => {
            console.error(error);
        });

    • Dank, sehr nützlich.
    • Beachten Sie, dass JSONP wird oft verwendet, wenn CORS-Header nicht verfügbar sind. fetch funktionieren nicht ohne CORS Header in dieser situation.
    • Scheinbar noch ein Problem mit JSON.analysieren mit den arrays. Zum Beispiel "["my", "name", "is"]"
    InformationsquelleAutor d-vine
Schreibe einen Kommentar