How can I use react-native with php with fetch return data is always null

Question

My return is always null. i cant seems to get this to work. How can I use react-native with php with fetch json. anyone can help?

PHP

$myArray = array();
$myArray['lat'] = $_POST['lat']; 
$myArray['lng'] = $_POST['lng'];
echo $_POST['lat'];

React-Native Fetch

fetch(url, {
  method: 'post',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    lat: region.latitude,
    lng: region.longitude,
  }),
})
  .then((response) => response.json())
  .then((responseData) => {
    console.log(responseData);
  })
  .catch((error) => {
    console.warn(error);
  })
  .done();

phongyewtong · Accepted Answer · 2015-09-08 04:30:41Z

9

Have to use file_get_contents('php://input') if not php cant see the data.

$json = json_decode(file_get_contents('php://input'), true);

$myArray = array();
$myArray['lat'] = $json['lat']; 
$myArray['lng'] = $json['lng'];
$myArray['status'] = 'success';
echo json_encode($myArray);

answered Sep 8, 2015 at 4:30

phongyewtong

5,34915 gold badges60 silver badges87 bronze badges

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

4 Comments

NullPoiиteя Over a year ago

have happend with me too .. still trying to figure out why i had to use file_get_contents('php://input') when we use 'Content-Type': 'application/json' , do you have idea why this is happening ?

NullPoiиteя Over a year ago

If I get it ill add answer here and let you know

phongyewtong Over a year ago

Sure. Thanks alot! :)

ngreenwood6 Over a year ago

The reason that you have to use file_get_contents('php://input') is because its not form data. It is passing in a raw body request there and so php doesn't know to parse that as JSON by default. You are passing in a JSON body and anytime you use something like that you will have to parse it that way.

Collectives™ on Stack Overflow

How can I use react-native with php with fetch return data is always null

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related