AJAX向PHP传值报错：Undefined index问题求助

问题情况 #

尝试通过AJAX向PHP传递经纬度及精度数据时失败，出现以下错误：
Undefined index: lng_forAjax、Undefined index: lat_forAjax、Undefined index: accuracy_forAjax

相关代码如下：

index.php（HTML部分） #

<form action="" id="LoopPosition" class="myPosition" method="post">
     <span>Longitude :</span> <input id="displayLong" name="displayLong" type="text" style="width: 400px;"> <br>
     <span>Latitude: </span> <input id="displayLat" name="displayLat" type="text" style="width: 400px;"> <br>
     <span>Accuracy : </span> <input id="displayAccu" name="displayAccu" type="text" style="width: 400px;"> <br>
          <?php if (isset($_GET['DeliveryCourse'])) : ?>
     <button type="submit" name="submitPositionForLivreur" class="btn btn-info" id="clicAuto">Clic to send</button>
          <?php endif; ?>
                            
</form>

ajaxPostToDatabase.js（嵌入index.php） #

$("#LoopPosition").submit(function(e) {
    const lng_forAjax = $("#displayLong").val();
    const lat_forAjax = $("#displayLat").val();
    const accuracy_forAjax = $("#displayAccu").val();

    $.ajax({
        method: 'POST',
        url: 'updateLivePosition.php',
        data: {
            'lng_forAjax': lng_forAjax,
            'lat_forAjax': lat_forAjax,
            'accuracy_forAjax': accuracy_forAjax
        },
        success: function(msg) {
            var msg = lng_forAjax + " " + lat_forAjax;
            alert(msg);
        },
    });
})

updateLivePosition.php #

<?php
    if(isset($_POST['submitPositionForLivreur'])){
        echo $_POST['lng_forAjax']." ".$_POST['lat_forAjax']." ". $_POST['accuracy_forAjax'];
    } 
}

错误原因 #

1. 未阻止表单默认提交行为：点击提交按钮后，表单触发默认同步提交，页面刷新导致AJAX请求被中断，实际发送到PHP的是普通表单数据（字段名为displayLong、displayLat、displayAccu），而非AJAX定义的lng_forAjax等字段。
2. PHP判断逻辑错误：PHP通过isset($_POST['submitPositionForLivreur'])判断请求，但AJAX未传递该字段，代码块不会执行；即便执行，普通表单提交也没有lng_forAjax等字段，因此触发Undefined index错误。

修复方案 #

1. 阻止表单默认提交 #

在JS的submit事件处理函数开头添加e.preventDefault();，避免页面刷新和默认表单提交：

$("#LoopPosition").submit(function(e) {
    // 阻止表单默认提交行为
    e.preventDefault();
    
    const lng_forAjax = $("#displayLong").val();
    const lat_forAjax = $("#displayLat").val();
    const accuracy_forAjax = $("#displayAccu").val();

    $.ajax({
        method: 'POST',
        url: 'updateLivePosition.php',
        data: {
            'lng_forAjax': lng_forAjax,
            'lat_forAjax': lat_forAjax,
            'accuracy_forAjax': accuracy_forAjax
        },
        success: function(msg) {
            // 使用PHP返回的响应内容
            alert(msg);
        },
    });
})

2. 修改PHP的判断逻辑 #

调整PHP判断条件，改为检查AJAX传递的字段是否存在，同时删除原代码末尾多余的}：

<?php
    // 检查AJAX传递的三个核心字段是否存在
    if(isset($_POST['lng_forAjax']) && isset($_POST['lat_forAjax']) && isset($_POST['accuracy_forAjax'])){
        echo $_POST['lng_forAjax']." ".$_POST['lat_forAjax']." ". $_POST['accuracy_forAjax'];
    } 
?>

可选优化（保留submit字段判断） #

如果需要保留submitPositionForLivreur的判断逻辑，可在AJAX的data中添加该字段，并在PHP中先检查字段是否存在再使用：

data: {
    'submitPositionForLivreur': true,
    'lng_forAjax': lng_forAjax,
    'lat_forAjax': lat_forAjax,
    'accuracy_forAjax': accuracy_forAjax
},

对应PHP代码：

<?php
    if(isset($_POST['submitPositionForLivreur'])){
        // 先检查字段存在性，避免Undefined index错误
        $lng = isset($_POST['lng_forAjax']) ? $_POST['lng_forAjax'] : '';
        $lat = isset($_POST['lat_forAjax']) ? $_POST['lat_forAjax'] : '';
        $accuracy = isset($_POST['accuracy_forAjax']) ? $_POST['accuracy_forAjax'] : '';
        echo $lng." ".$lat." ". $accuracy;
    } 
?>

内容的提问来源于stack exchange，提问作者susanoov90