Issue in AJAX request in reactjs

Question

I am trying to develop an application using reactjs as front end framework and laravel 5.6 as back end framework. I am trying to send AJAX request like below

import Auth from '../services/Auth';

var address_data = {
        name        :'foysal',                    
        address     :'foysal',
        telephone_no:'foysal',
        email       :'foysal',
}



fetch('http://127.0.0.1:8000/api/addresses/store/',address_data, {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
            'Authorization': 'Bearer ' + Auth.getToken(),
        },
        body: JSON.stringify()
    })
    .then((response) => response.json())
    .then((responseData) => {
        console.log(responseData);
    })

I am getting below errors

body: JSON.stringify() do you mean body: JSON.stringify(address_data) ? — Suresh Prajapati
– Suresh Prajapati, Commented Jun 5, 2018 at 8:00
I can see browser is initiating GET and not POST. Please refer developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch on how to use fetch otherwise use simple ajax request — Suresh Prajapati
– Suresh Prajapati, Commented Jun 5, 2018 at 8:03
@SureshPrajapati, Why it is sending GET request ? I think the issue is here ? What should I correct ? Thanks. — abu abu
– abu abu, Commented Jun 5, 2018 at 8:46
@abuabu Let me know if you are facing any issue once you try my answer — Suresh Prajapati
– Suresh Prajapati, Commented Jun 5, 2018 at 9:18

Suresh Prajapati · Accepted Answer · 2018-06-05 08:54:43Z

1

Try changing your fetch request to initiate POST action verb like this

fetch('http://127.0.0.1:8000/api/addresses/store/', {
  method: 'POST',
  headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'Authorization': 'Bearer ' + Auth.getToken(),
  },
  body: JSON.stringify(address_data)
}).then(res => res.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));

answered Jun 5, 2018 at 8:54

Suresh Prajapati

4,6176 gold badges29 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issue in AJAX request in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related