Fetch: Reutilizando el objeto requests

Fetch: Reutilizando el objeto requests

¿Cómo realizar peticiones mediante POST y PUT?

Si un objeto Request es utilizado en mas de una petición fetch que requiera el uso de POST o PUT, esto generará un error.

var initObject = {
    method: "POST",
    headers: new Headers(),
    mode: "cors",
    body: "{}",
};

var request = new Request(
    "https://jsonplaceholder.typicode.com/users",
    initObject
);

fetch(request)
    .then(function (result) {
        if (!result.ok) return Promise.reject(result.status);
        return result.json();
    })
    .then(function (json) {
        console.log("JSON:", json);
    })
    .catch(function (err) {
        console.log("Error:", err);
    });

fetch(request)
    .then(function (result) {
        // ...
    })
    .catch(function (err) {
        console.log("Error:", err); // se generara un error pues ya se habia utiilzado el request
    });

Sin embargo, los objetos Request pueden ser utilizados mas de una ocasion dentro de un request fetch, que no utilice cabeceras especiales.

var request = new Request("https://jsonplaceholder.typicode.com/users");

fetch(request).then(function (result) {
    console.log(result.status);
});

fetch(request).then(function (result) {
    console.log(result.status);
});