Fetch: How to use fetch post json and Sending cookies ?

[kizzyang]

How are you.
I have a question: How to use fetch post json and Sending cookies ?
My code:

return fetch('/category/save.json' , {
            credentials: 'include',
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        }).then(function(response){
            if (response.status >= 200 && response.status < 300) {
                return response
            } else {
                var error = new Error(response.statusText);
                error.response = response;
                throw error
            }
        }).then(function(response) {
            return response.json();
        }).then(function(json) {
            console.log('parsed json', json)
        }).catch(function(ex) {            
            console.log('parsing failed', ex)
        });

Why cookie not send?
Thank you.

[mislav]

https://github.com/github/fetch#sending-cookies

[kizzyang]

I only use parameter credentials: 'include' , The cookie Can send.
But I use parameter credentials: 'include' and headers: { 'Content-Type': 'application/json' } to post json data, Why cookie not send?

[mislav]

Are you sending a request to another domain? See this note about CORS https://github.com/github/fetch#read-this-first

[xgqfrms]

credentials: "include"

https://developers.google.com/web/updates/2015/03/introduction-to-fetch

[xgqfrms-GitHub]

why & solution

cookie & Fetch & credentials

https://github.com/github/fetch#sending-cookies
https://github.com/github/fetch#receiving-cookies

[seajean]

why people answering question without watching closely to the question.

[seajean]

@kizzyang I find out what the problem is, change your params form

{ credentials: 'include', method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify(data) }

to

{ headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, credentials: 'include', method: 'POST', body: JSON.stringify(data) }

[seajean]

@mislav this is a bug, you should fix it

[keithamus]

@seajean if there is a bug, would you kindly please file a new issue that details the bug - including a code reproduction? That way we can address it much more quickly

[seajean]

@keithamus Sorry~ I finally found out it was Chrome’s problem,in some cases Chrome debugger do not show the cookie,but Charles do. The cookie has been sent.