Tag: fetch-api

Die Fetch API https://fetch.spec.whatwg.org ist ein verbesserter Ersatz für XHR, für asynchrone HTTP-Anfragen besser verwalten von Umleitungen und Interaktion mit CORS und Service-Mitarbeiter.

Holen auch Keine Fehler 'Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource

Anzahl der Antworten 2 Antworten
Ich bin mit fetch API, um Daten von anderen APIs das ist mein code: var result = fetch(ip, { method: 'get', }).then(response => response.json()) .then(data => { country = data.country_name; let lat = data.latitude; let lon =

Stellen Sie server-Validierung mit redux-form und Fetch API

Anzahl der Antworten 2 Antworten
Wie man server-seitige Validierung mit redux-form und Fetch API? Es gibt "Senden Validation" demo in die docs, die sagt, dass die empfohlene Art und Weise zu tun, server-seitige Validierung ist die Rückkehr ein Versprechen aus dem onSubmit-Funktion.

Wie bekomme ich die content-length der Antwort von einer Anfrage mit fetch()

Anzahl der Antworten 3 Antworten
War ich immer eine Fehlermeldung bei der Rückkehr response.json() wenn ich würde eine Anfrage mit einer leeren Antwort Körper, so versuche ich einfach nur wieder ein leeres Objekt, wenn es ein leerer Körper. Der Ansatz, den ich

Wie bekomme ich den status meiner Reaktion, wenn mit fetch in reagieren-native?

Anzahl der Antworten 1 Antworten
Ich meine Log-In-Seite für meine reagieren nativen Anwendung. Meine api sendet unterschiedliche Reaktion, wenn meinen Benutzernamen und mein Passwort sind ungültig und unwirksam. Also will ich das verfolgen und speichern der status meiner Antwort in einigen state-variable

TypeError: undefined ist kein Objekt (Evaluierung dieser.text')

Anzahl der Antworten 1 Antworten
Beim laufen App PutainDeBiere (http://putaindecode.io/fr/articles/js/react/native/introduction/) auf Android-emulator, bekomme ich diesen Fehler : TypeError: undefined ist kein Objekt (Evaluierung dieser.text') in ..\node_modules\whatwg-fetch\zu Holen.js:296:18 die Ausführung dieser : this.json = function() { return this.text().then(JSON.parse) } Ich dieses Beispiel auf

HTML zurückgeben Mit fetch()

Anzahl der Antworten 3 Antworten
Ich versuche, zu Holen einer Datei und zurück ist es HTML. Aber es ist nicht so einfach, wie ich Sie mir vorgestellt habe. fetch('/path/to/file') .then(function (response) { return response.body; }) .then(function (body) { console.log(body); }); Diese gibt

Warum ist das CORS Anfrage, andernfalls nur im Firefox?

Anzahl der Antworten 2 Antworten
Ich bin Implementierung von CORS mit Anmeldeinformationen und einem preflight-Anfrage und ich bin ein wenig verwirrt, warum der preflight-Anfrage wiederholt nicht in Firefox 30 funktioniert aber in Safari (7.0.2) und Chrome 35. Ich denke, dass dieses Thema

Fetch: lehnen Sie Versprechen und den Fehler abzufangen wenn der status nicht OK ist?

Anzahl der Antworten 3 Antworten
Hier ist, was ich haben möchte: import 'whatwg-fetch'; function fetchVehicle(id) { return dispatch => { return dispatch({ type: 'FETCH_VEHICLE', payload: fetch(`http://swapi.co/api/vehicles/${id}/`) .then(status) .then(res => res.json()) .catch(error => { throw(error); }) }); }; } function status(res) { if

Was ist eine undurchsichtige Antwort, und was für einen Zweck soll es dienen?

Anzahl der Antworten 3 Antworten
Versuchte ich fetch die URL der alten website, und ein Fehler passiert: Fetch API cannot load http://xyz. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://abc' is therefore not allowed access. If an opaque response

mit einer fetch-Anweisung innerhalb einer anderen fetch in javascript

Anzahl der Antworten 3 Antworten
Möchte ich, um eine api und nach diesem Anruf noch einen. Ist es klug mit einem code, wie dies in javascript? fetch(url, { method: 'get', }).then(function(response) { response.json().then(function(data) { fetch(anotherUrl).then(function(response) { return response.json(); }).catch(function() { console.log("Booo"); });

Wie man Lesbare Fehlermeldung als Antwort von javascript Fetch api?

Anzahl der Antworten 4 Antworten
Arbeite ich an Reactjs redux auf front-end-und Rails-api als back-end. So, jetzt rufe ich die api mit Fetch api-Methode, aber das problem ist ich kann nicht lesbaren Fehlermeldung wie, was ich innerhalb des Netzwerk-tabs dies ist meine

Einstellung der authorization-header in Fetch API

Anzahl der Antworten 4 Antworten
Habe ich einen Knoten/Express-backend, und ich bin verbraucht die API mit ein, Reagieren AUFTRAGGEBER. Ich möchte in der Lage sein, den authorization-header, nachdem sich ein Benutzer angemeldet. Dadurch wird sichergestellt, dass nachfolgende Anfragen gesendet werden, mit dem

Holen GET-Anforderung mit benutzerdefiniertem Header ReactJS

Anzahl der Antworten 2 Antworten
Ich bin versucht, senden Sie eine GET-Anforderung an eine API, aber wenn ich eigene Header im code etwas merkwürdiges passiert. Irgendwo die request-Methode änderungen an OPTIONEN, wenn es erreicht den web-server. Aber wenn ich das gleiche tun,

Fetch API - Was ist die Verwendung von redirect: manual

Anzahl der Antworten 1 Antworten
Ich habe seit kurzem spielen mit dem Javascript Fetch API. Soweit ich das verstanden habe, werden standardmäßig alle Umleitungen transparent und am Ende bekomme ich eine Antwort von dem letzten Aufruf in der weiterleitungskette. Allerdings konnte ich

Umgang mit response-status abrufen im JS reagieren

Anzahl der Antworten 2 Antworten
Ich gerade angefangen zu lernen, ReactJS. Jetzt will ich wissen, wie man mit response-status, wenn ich eine API-Anfrage mit fetch. Hier ist mein code : componentDidMount(){ this.setState({ isLoading: true }) var id = this.props.match.params.id const api =

redux Holen Körper ist nicht zu verwenden mit keine cors-Modus

Anzahl der Antworten 1 Antworten
Habe ich diese Aktion ruft eine Funktion: dispatch(Api({url: "my_url", method: "POST", data: data})) Hier bin ich vorbei array als Daten.. import fetch from 'isomorphic-fetch' export default function Api({url, method, headers, data}={}){ return dispatch => { console.log(data) console.log(url)

Was bedeutet es, wenn eine HTTP-Anforderung zurückgegebene status-code 0?

Anzahl der Antworten 13 Antworten
Was bedeutet es, wenn JavaScript-Netzwerk fordert, wie fetch oder XMLHttpRequest, oder jede andere Art der HTTP-Anfrage, nicht mit einem HTTP-status-code 0? Dieser scheint nicht zu einem gültigen HTTP-status-code, andere codes, die drei Ziffern in der HTTP-Spezifikation. Ich

Wie man JSON-Daten von fetch (reagieren-native)

Anzahl der Antworten 5 Antworten
Schreibe ich kleine app für iPhone-mit react native. Ich bin versucht zu Holen, JSON-Daten aus einer website mithilfe von fetch. Wie in dem Beispiel: function status(response) { if (response.status >= 200 && response.status < 300) { return

Wie die POST mit multipart/form-data-header und FormData mit fetch

Anzahl der Antworten 2 Antworten
Dies ist ein CURL Beispiel, das gut funktioniert: curl -X POST \ <url> \ -H 'authorization: Bearer <token>' \ -H 'content-type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW' \ -F [email protected] \ -F userId=<userId> Ich versuche zu reproduzieren, der diese Anforderung mit

Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource—wenn Sie versuchen, um Daten von einem REST-API

Anzahl der Antworten 6 Antworten
Ich bin versucht zu Holen ein paar Daten aus der REST-API von HP Alm. Es funktioniert ziemlich gut mit einem kleinen curl-Skript - ich bekomme meine Daten. Nun tun, mit JavaScript, Holen und ES6 (mehr oder weniger)

Fetch API mit Cookie

Anzahl der Antworten 3 Antworten
Bin ich beim ausprobieren der neuen Fetch API, aber Schwierigkeiten mit Cookies. Insbesondere nach einem erfolgreichen login, es ist ein Cookie-header in der Zukunft-Anforderungen, aber Holen scheint zu ignorieren, dass Header, und alle meine Wünsche gemacht mit

Fetch-Anfrage in eine lokale Datei funktioniert nicht

Anzahl der Antworten 4 Antworten
Ich versuche, ist eine Anfrage in einer lokalen Datei, aber ich weiß nicht, wenn ich versuche, auf meinem computer zeigt mir eine Fehlermeldung. Möglich ist, machen ein "abrufen", um eine Datei in Ihrem Projekt? //Option 1 componentDidMount()

Warum nicht .json() zurück, ein Versprechen?

Anzahl der Antworten 4 Antworten
Ich ve wurde Herumspielen mit der fetch() api vor kurzem, und bemerkte etwas, das war ein bisschen schrullig. let url = "http://jsonplaceholder.typicode.com/posts/6"; let iterator = fetch(url); iterator .then(response => { return { data: response.json(), status: response.status }

Wie behandeln fetch API-AJAX-Antwort in Reagieren

Anzahl der Antworten 6 Antworten
Ich bin eine einfache AJAX-Anfrage mit der fetch-API Reagieren, speziell in der componentDidMount() Funktion. Ist es die Arbeit, weil die Konsole erscheint, zu protokollieren, das Ergebnis. Allerdings, ich weiß nicht, wie Sie auf die Antwort... componentDidMount =

fetch: Ablehnen, Versprechen mit JSON-Objekt Fehler

Anzahl der Antworten 2 Antworten
Habe ich eine HTTP-API gibt JSON-Daten sowohl bei Erfolg und bei Misserfolg. Beispiel scheitern würde wie folgt Aussehen: ~ ◆ http get http://localhost:5000/api/isbn/2266202022 HTTP/1.1 400 BAD REQUEST Content-Length: 171 Content-Type: application/json Server: TornadoServer/4.0 { "message": "There was

Machen fetch API arbeiten mit CORS nach OPTIONEN Antwort

Anzahl der Antworten 1 Antworten
Ich versuchen, abrufen von Daten von unserer API. Die API wurde aktiviert CORS support und gibt die untenstehende Antwort auf die OPTIONS-Anforderung: Access-Control-Request-Headers:content-type Access-Control-Allow-Origin:* Die API nicht erlauben 'Content-type' alles andere als 'application/json'. Mit dieser Einschränkung, ich

Wie kann ich Formular-Daten mit fetch api?

Anzahl der Antworten 2 Antworten
Mein code: fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", //"Content-Type": "multipart/form-data", }, method: "post", } Versuchte ich mein Formular mit fetch api und der Körper sendet es wie ist: -----------------------------114782935826962 Content-Disposition: form-data; name="email" [email protected] -----------------------------114782935826962

ReactJS componentDidMount und Fetch API

Anzahl der Antworten 2 Antworten
Gerade angefangen mit ReactJS und JS, gibt es einen Weg, um wieder die JSON erhalten Sie von APIHelper.js zu setState dairyList in der App.jsx? Ich denke, ich bin nicht zu verstehen, etwas grundlegendes über das Verhalten oder

fetch() unexpected end of input

Anzahl der Antworten 4 Antworten
Bin ich mit fetch() zum abrufen von Daten aus der api-server. Mein Fehler sieht so aus: Uncaught (in promise) SyntaxError: Unexpected end of input at fetch.then.blob. Können Sie mir bitte sagen, was ich falsch mache. const weatherAPi

Reagieren Fetch funktioniert nicht bei IE11

Anzahl der Antworten 4 Antworten
Ich habe eine ReactJS Anwendung wie erwartet funktioniert in Chrome, aber nicht im IE-11. Das problem ist - wir haben zwei drop-down-Listen, die ausgefüllt sind von rest-Diensten, wenn die Seite zuerst geladen wird. Die Anwendung läuft unter

POST-Request mit Fetch API?

Anzahl der Antworten 2 Antworten
Ich weiß, dass mit dem neuen Fetch API (hier mit ES2017 ist async/await) Sie können ein GET-request wie dieser: async getData() { try { let response = await fetch('https://example.com/api'); let responseJson = await response.json(); console.log(responseJson); } catch(error)

Fetch API request timeout?

Anzahl der Antworten 6 Antworten
Ich habe eine fetch-api POST Anfrage: fetch(url, { method: 'POST', body: formData, credentials: 'include' }) Ich will wissen, was ist die Standard-timeout für diese? und wie können wir es auf einen bestimmten Wert wie 3 Sekunden oder

Nicht in der Lage zu Holen, POST ohne no-cors-in-header

Anzahl der Antworten 1 Antworten
Machen auf Anfrage so: return fetch( 'http://localhost:8000/login', { method: 'POST', headers: new Headers( {"Content-Type": "application/json", "Accept":"application/json"} ), body: JSON.stringify( {'name': 'Tom', 'password': 'Soyer'} ) } ).then( response => { console.log(response);}) .catch(err => console.log(err)) Anfrage Ausführung mit der

Wie die content-type-header der Anforderung bei der Verwendung von Fetch APi

Anzahl der Antworten 2 Antworten
Ich bin mit npm 'isomorph zu Holen', um Anfragen zu senden. Das problem, das ich erlebe, ist, bin ich nicht der content-type der Anfrage-header. Ich einen content-type application/json , jedoch sind die request-header zu setzen auf text/plain.

Wie kann ich eine Datei herunterladen mit dem Fenster.Holen?

Anzahl der Antworten 3 Antworten
Wenn ich eine Datei herunterladen wollen, was soll ich tun, in der then block unten? function downloadFile(token, fileId) { let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`; return fetch(url, { method: 'GET', headers: { 'Authorization': token } }).then(...); } Hinweis: die

So verlängern Sie die "Fenster", Typoskript-Schnittstelle

Anzahl der Antworten 2 Antworten
In meinem Beispiel, ich bin versucht zu verlängern, den TS-Fenster-Oberfläche um ein polyfill für fetch. Warum spielt keine Rolle. Die Frage ist, "wie Sag ich TS, dass window.fetch ist eine gültige Funktion?" Ich Tue dies in VS-Code,

Wie abrufen von XML mit fetch api

Anzahl der Antworten 1 Antworten
Ich versuche zu machen, eine Wetter-app, zeigt das Wetter und die Temperatur von vielen Tagen der Woche. Ich bin derzeit mit openweathermap api für diese Aufgabe, die Sache ist, dass die Informationen, die ich will (das ist

Holen vs. AjaxCall

Anzahl der Antworten 2 Antworten
Was ist der Unterschied zwischen typischen AJAX-und Fetch API? Betrachten Sie dieses Szenario: function ajaxCall(url) { return new Promise(function(resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', url); req.onload = function() { if (req.status == 200) {

fetch post mit multipart Formulardaten

Anzahl der Antworten 2 Antworten
Ich bin das abrufen einer URL wie dieser: fetch(url, { mode: 'no-cors', method: method || null, headers: { 'Accept': 'application/json, application/xml, text/plain, text/html, *.*', 'Content-Type': 'multipart/form-data' }, body: JSON.stringify(data) || null, }).then(function(response) { console.log(response.status) console.log("response"); console.log(response) })

Post ein x-www-form-urlencoded Anfrage Reagieren Nativen

Anzahl der Antworten 7 Antworten
Ich habe einige Parameter, die ich will-POST-Formular-kodiert, auf meinem server: { 'userName': '[email protected]', 'password': 'Password!', 'grant_type': 'password' } Schicke ich meine Anfrage (derzeit ohne Parameter), wie dies var obj = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;

Verwenden eines Autorisierungsheaders mit Fetch in React Native

Anzahl der Antworten 4 Antworten
Ich versuche zu verwenden fetch im Reagieren Native zu greifen, Daten aus dem Produkt Jagd API. Ich habe erhalten die richtigen Access Token und gespeichert haben es auf Land, aber offenbar nicht in der Lage sein, um

Auf der angeforderten Ressource ist kein 'Access-Control-Allow-Origin'-Header vorhanden, wenn versucht wird, Daten von einer REST-API abzurufen

Anzahl der Antworten 2 Antworten
Ich bin versucht zu Holen ein paar Daten aus der REST-API von HP Alm. Es funktioniert ziemlich gut mit einem kleinen curl-Skript - ich bekomme meine Daten. Nun tun, mit JavaScript, Holen und ES6 (mehr oder weniger)

Wie kann ich ein Array von URLs mit Promise.all abrufen?

Anzahl der Antworten 3 Antworten
Wenn ich ein array von urls: var urls = ['1.txt', '2.txt', '3.txt']; //these text files contain "one", "two", "three", respectively. Und ich bauen möchte, ein Objekt, das aussieht wie dieses: var text = ['one', 'two', 'three']; Ich

fetch (), wie macht man eine nicht zwischengespeicherte Anfrage?

Anzahl der Antworten 2 Antworten
mit fetch('somefile.json') ist es möglich, zu verlangen, dass Sie die Datei geholt werden vom server und nicht aus dem browser-cache? in anderen Worten, mit fetch()ist es möglich, zu umgehen, den cache des Browsers? InformationsquelleAutor der Frage cc

Standardauthentifizierung mit Abruf?

Anzahl der Antworten 3 Antworten
Möchte ich mal ein einfaches basic-authentication mit zu Holen, aber ich bekomme immer den Fehler 401. Es wäre toll, wenn mir jemand sagt, was falsch mit dem code: let base64 = require('base-64'); let url = 'http://eu.httpbin.org/basic-auth/user/passwd'; let

Warum gibt .json () ein Versprechen zurück?

Anzahl der Antworten 4 Antworten
Ich ve wurde Herumspielen mit der fetch () - api vor kurzem, und bemerkte etwas, das war ein bisschen schrullig. let url = "http://jsonplaceholder.typicode.com/posts/6"; let iterator = fetch(url); iterator .then(response => { return { data: response.json(), status:

Wie kann ich eine HTTP-Fetch () - Anfrage abbrechen?

Anzahl der Antworten 5 Antworten
Gibt es eine neue API für die Anforderungen von JavaScript: fetch(). Gibt es eine built-in-Mechanismus für die Stornierung dieser Anträge, die in-flight? InformationsquelleAutor der Frage Sam Lee | 2015-06-25

Was ist der Unterschied zwischen der Fetch API und XMLHttpRequest?

Anzahl der Antworten 3 Antworten
Ich weiß, dass fetch ist mit Versprechungen und beide von Ihnen können Sie tun, AJAX-requests an einen server. Ich habe gelesen, dass fetch hat einige zusätzliche Funktionen, die nicht verfügbar sind in XMLHttpRequest (und in der fetch-polyfill,

Festlegen der Abfragezeichenfolge mithilfe der Abrufanforderung GET

Anzahl der Antworten 8 Antworten
Ich versuche, die neue Fetch API: https://developer.mozilla.org/en/docs/Web/API/Fetch_API Mache ich eine GET-Anfrage so: var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); fetch(request); Aber ich bin mir nicht sicher, wie Sie einen query-string für den GET-request. Idealerweise

Fortschrittsindikatoren für den Abruf hochladen?

Anzahl der Antworten 7 Antworten
Ich bin kämpfen, um zu finden, die Dokumentation oder Beispiele für die Implementierung eines upload-Fortschrittsanzeige mit Holen. Dies ist die einzige Referenz, die ich bisher gefunden habein dem es heißt: Progress-Ereignisse sind ein high-level-Features, die nicht ankommen