javascript - React Native POST 数据到 API 不起作用

Question

我得到Notice: Undefined index当我使用 React Native 中的 FormData 将数据发布到 php API 时的响应。但是当我在 php 文件中硬编码参数时，我能够得到结果。

我尝试过使用JSON.stringify来自 React 文档。我遇到同样的问题。在服务器端我尝试了建议 file_get_contents('php://input')它只返回 null。

  var data = new FormData();
  data.append({
    latitude: '55555',
    longitude: '9999',
  });

fetch('http://localhost/someapi', {
    method:'POST',
    headers:{
        'Accept':'application/json',
        'Content-Type': 'multipart/form-data',
        'Content-length': data.length
    },
    body: data
    })
    .then((response)=>response.text())
    .then((response)=>{
        console.log('  Show response');
        console.log(response);
    })
    .catch((err)=>{
        console.warn(err);
    });

我正在使用response.text()这样我就可以显示错误。否则response.json()给我Unexpected token <因为它返回 html

这是我的 PHP 服务器代码

 $lat =  $_POST['latitude'];
 $lng =  $_POST['longitude'];
 echo json_encode($lat);

我也尝试过

 $json = file_get_contents('php://input');
 $obj = json_decode($json, TRUE);
 echo $obj;

Answer 1

您正在传递 'multipart/form-data' header ，因此您必须将 formdata 传递给 body 而不是 JSON.stringify

 var formData = new FormData();
 formData.append('latitude', 55555);
 formData.append('longitude', 9999);

fetch('http://localhost/someapi', {
    method:'POST',
    headers:{
        'Accept':'application/json',
        'Content-Type': 'multipart/form-data'
    },
    body: formData
    })
    .then((response)=>{
        console.log('Response ==>',response);
    })
    .catch((err)=>{
        console.warn(err);
    });