Fetch returns 302

Question

I switched my AJAX request code to...

return fetch("computerssuck?" + qs)
            .then(res => res.json())
            .then(data => {

                ...
            })
            .catch(err => console.log(err));

And now it returns 302 and no response.

When I request the same page using the browser or using XMLHttpRequest it works and returns 200 and some JSON.

Why does Fetch not work?

Here is the original code...

xhr.open('get', "computerssuck?" + qs, true);

xhr.onload = function () {

    ...

}.bind(this);

xhr.send();

Both sets of code work locally on my dev machine.

Chrome says, "Failed to load response data." in the inspector and some JSON parsing code crashes.

Are you sending the correct headers? Are you sure you're getting back JSON? etc. etc. And what do you mean by 'no response'? 302 is a redirect — Jared Smith, Mar 24 '18 at 19:21
@JaredSmith Chrome says "Failed to load response data" and some JSON parsing code crashes. — Ian Warburton, Mar 24 '18 at 19:32

score 0 · Answer 1 · answered Mar 24 '18 at 22:07

0

fetch doesn't send an authentication cookie by default.

Solution is here... Fetch API with Cookie

answered Mar 24 '18 at 22:07

Ian Warburton

15,170
23
107
189

Fetch returns 302

1 Answers1