React Native Axios POST请求中变量传递与PHP后端接收指南

// 假设 lat 是一个 React Native 变量，例如：let lat = location.latitude;
let bodyData = { latitude: lat }; // 期望发送的数据体

const loadMessages = async () => {
    try {
        let res = await axios.post('https://example.com/list.php', {
            bodyData // 错误：这将导致请求体变为 { "bodyData": { "latitude": value_of_lat } }
        });
        console.log('Response:', res.data);
    } catch (error) {
        console.error('Error sending data:', error);
    }
};

import axios from 'axios';
import React, { useState, useEffect } from 'react';
import { View, Text, Button } from 'react-native';

const MyComponent = () => {
    const [location, setLocation] = useState({ latitude: 34.0522, longitude: -118.2437 }); // 示例位置数据

    // 假设 lat 和 lon 是从 location 派生出的变量
    let lat = location.latitude;
    let lon = location.longitude;

    const sendPostRequest = async () => {
        // 准备要发送的数据对象
        let postPayload = { 
            latitude: lat,
            longitude: lon, // 也可以添加更多数据
            message: "Hello from React Native!"
        };

        try {
            // 正确：直接传递 postPayload 对象作为请求体
            let res = await axios.post(
                'https://your-backend-api.com/process_data.php?coords=' + lat + ',' + lon, // URL参数可以继续使用
                postPayload, // 直接传递数据对象
                {
                    headers: {
                        'Content-Type': 'application/json' // Axios通常会自动设置，但明确指定也无妨
                    }
                }
            );
            console.log('POST Request successful:', res.data);
            alert('Data sent successfully: ' + JSON.stringify(res.data));
        } catch (error) {
            console.error('Error sending POST request:', error.message);
            if (error.response) {
                console.error('Error response data:', error.response.data);
                console.error('Error response status:', error.response.status);
            }
            alert('Failed to send data. Check console for details.');
        }
    };

    return (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
            <Text>Latitude: {lat}</Text>
            <Text>Longitude: {lon}</Text>
            <Button title="Send Data via POST" onPress={sendPostRequest} />
        </View>
    );
};

export default MyComponent;

<?php
header('Content-Type: application/json'); // 告知客户端响应是JSON格式

// 1. 获取原始POST请求体数据
$json_data = file_get_contents('php://input');

// 2. 将JSON字符串解码为PHP关联数组
// 第二个参数 true 表示解码为关联数组，而不是对象
$request_payload = json_decode($json_data, true);

// 3. 检查解码是否成功以及数据是否存在
if (json_last_error() !== JSON_ERROR_NONE) {
    echo json_encode(['status' => 'error', 'message' => 'Invalid JSON received.', 'error_code' => json_last_error()]);
    exit();
}

if (!is_array($request_payload)) {
    echo json_encode(['status' => 'error', 'message' => 'Payload is not an array.']);
    exit();
}

// 4. 访问请求体中的数据
$latitude = isset($request_payload['latitude']) ? $request_payload['latitude'] : null;
$longitude = isset($request_payload['longitude']) ? $request_payload['longitude'] : null;
$message = isset($request_payload['message']) ? $request_payload['message'] : null;

// 5. 访问URL查询参数（如果存在）
$coords_param = isset($_GET['coords']) ? $_GET['coords'] : null;

// 6. 进行业务逻辑处理...
// 示例：简单地返回接收到的数据
echo json_encode([
    'status' => 'success',
    'received_post_data' => [
        'latitude' => $latitude,
        'longitude' => $longitude,
        'message' => $message
    ],
    'received_url_params' => [
        'coords' => $coords_param
    ],
    'server_time' => date('Y-m-d H:i:s')
]);

// 注意：如果你的PHP版本较低，或者需要兼容旧系统，
// 有时会将解码后的数据赋值给 $_POST，但这并非标准做法，
// 且可能覆盖原有的 $_POST 数据。推荐直接使用 $request_payload。
// $_POST = $request_payload; // 不推荐作为常规做法
?>