fetch-api

I'm sure this has a simple answer, but for the life of me I can't figure out how to do it. I have the following express endpoint for uploading to Google Cloud storage. It works great and the response from the google api gives me a unique file name that I want to pass back to my front end: app.post('/upload', (req, res) => { var form = new formidable.IncomingForm(), files = [], fields = []; form .on('field', function(field, value) { fields.push([field, value]); }) .on('file', function(field, file) { files.push([field, file]); }) .on('end', function() { console.log('-> upload done'); }); form

I am using npm 'isomorphic-fetch' to send requests. The problem I am experiencing is I am unable to set the content-type of the request header. I set a content type of application/json , however the request header are being set to text/plain. import 'isomorphic-fetch'; sendRequest(url, method, body) { const options = { method: method, headers:{'content-type': 'application/json'}, mode: 'no-cors' }; options.body = JSON.stringify(body); return fetch(url, options); } When I examine the request in my browser the content type is o : content-type:text/plain;charset=UTF-8 Can anyone explain why I am

For some reason fetch ( https://fetch.spec.whatwg.org/ ) is not defined in Safari (Version 9.0.3), does anyone know why? It seems to be the standard and works fine in Chrome and Firefox. Can't seem to find anyone else having the same issue I am using react with redux and here is some example code: export function fetchData (url) { return dispatch => { dispatch(loading()) fetch(url, { method: 'GET' }) .then(response => { response.json() .then(data => { dispatch(success(data)) }) }) } } Dmitriy You can use https://github.com/github/fetch polyfill for unsupported browsers. npm install whatwg

What is the difference between typical AJAX and Fetch API? Consider this scenario: function ajaxCall(url) { return new Promise(function(resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', url); req.onload = function() { if (req.status == 200) { resolve(req.response); } else { reject(Error(req.statusText)); } }; req.onerror = function() { reject(Error("Network Error")); }; req.send(); }); } ajaxCall('www.testSite').then(x => { console.log(x) }) // returns html of site fetch('www.testSite').then(x => { console.log(x) }) // returns object with information about call This is what

This question already has an answer here: Handle response - SyntaxError: Unexpected end of input when using mode: 'no-cors' 5 answers When trying to resolve a fetch promise with JS is set the mode to 'no-core' based on this answer . However setting the mode to 'corse' results in having: Access to fetch at '{endpoint}' from origin ' http://localhost:3000 ' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. So I wrote

fetch('http://www.freegamesforyourwebsite.com/feeds/games/? tag=platform&limit=100&format=json', { method:'GET', mode:'no-cors', dataType: 'json', headers: { 'Accept': 'application/json' } }).then(response => response.json()).then(addImage).catch(e => requestError(e,'image')); console.log SyntaxError: Unexpected end of input at fetch.then.response ((index):159) at <anonymous> I try using the fetch the json with cros platform, why the request header in Google developer tool shows me the provision request header.And the preview part can show me the json response, but the promise after the

I am using fetch api for fetching an URL that might return: Response : status = 200, json body = {'user': 'abc', 'id': 1} or Response : status = 400 , json body = {'reason': 'some reason'} or Response : status = 400 , json body = {'reason': 'some other reason'} I want to make a separate function request() that I use from various parts of my code as follows: request('http://api.example.com/').then( // status 200 comes here data => // do something with data.id, data.user ).catch( // status 400, 500 comes here error => // here error.reason will give me further info, i also want to know whether

I created a React-Native app that connected to the Watson REST APIs. Using the fetch library that is part of the ReactNative, everything was working well for getting the Workspaces list, like this: const myAuth = new Buffer(USR+':'+PWD).toString('base64'); const myInit = { method: 'GET', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', 'Origin': '', 'Authorization': 'Basic ' + myAuth, } }; return fetch(URL, myInit) .then((response) => response.json()) .then((responseJson) => { ... } I am now moving to React (rather than ReactNative) and the whatwg-fetch library. The