fetch-api

I'm trying to use fetch with a ReadableStream . In this example, the ReadableStream should simply repeat "Some data..." indefinitely. fetch('/', { method: 'POST', body: new ReadableStream({ pull: function(controller) { console.log('pull called!'); controller.enqueue('Some data...'); } }) }); This doesn't work. While pull is executed once, no data is sent in the request body. POST / HTTP/1.1 Host: example.com Connection: keep-alive Content-Length: 0 Origin: https://example.com User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari

I'm trying to use the new Fetch API: https://developer.mozilla.org/en/docs/Web/API/Fetch_API I am making a GET request like this: var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); fetch(request); However, I'm unsure how to add a query string to the GET request. Ideally I want to be able to make a GET request to a URL like: 'http://myapi.com/orders?order_id=1' In jQuery I could do this by passing {order_id: 1} as the data parameter of $.ajax() . Is there an equivalent way to do that with the new Fetch API? CodingIntrigue Update March 2017: URL.searchParams support

My 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", } I tried to post my form using fetch api, and the body it sends is like: -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (I don't know why the number in boundary is changed every time it

If I have an array of urls: var urls = ['1.txt', '2.txt', '3.txt']; // these text files contain "one", "two", "three", respectively. And I want to build an object that looks like this: var text = ['one', 'two', 'three']; I’ve been trying to learn to do this with fetch , which of course returns Promise s. Some things I’ve tried that don’t work: var promises = urls.map(url => fetch(url)); var texts = []; Promise.all(promises) .then(results => { results.forEach(result => result.text()).then(t => texts.push(t)) }) This doesn’t look right, and in any case it doesn’t work — I don’t end up with an

I'm struggling to find documentation or examples of implementing an upload progress indicator using fetch . This is the only reference I've found so far , which states: Progress events are a high level feature that won't arrive in fetch for now. You can create your own by looking at the Content-Length header and using a pass-through stream to monitor the bytes received. This means you can explicitly handle responses without a Content-Length differently. And of course, even if Content-Length is there it can be a lie. With streams you can handle these lies however you want. How would I write "a