CODEWITHSUNDEEP
ajax
abu abu
abu abu

Reputation: 7022

Issue in AJAX request in reactjs

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

enter image description here

enter image description here

Upvotes: 0

Views: 43

Answers (1)

Suresh Prajapati
Suresh Prajapati

Reputation: 4467

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));

Upvotes: 1

Related Questions