事件监听器内PHP查询变量无法外部访问，求技术解决方案

核心问题 #

你的代码存在三个关键问题：

• PHP与JS执行顺序逻辑错误：PHP是服务器端提前执行的，页面加载时<?php echo $long ?>就已经输出了当时的旧值，并非表单提交后才获取最新查询结果。
• 事件绑定混乱：重复绑定了submit事件，第一个空监听器可能干扰后续逻辑执行。
• 代码执行时机错位：页面加载阶段就运行了if(trigger == 1)的判断，而trigger要到表单提交后才会被改为1，这段代码永远不会在提交后触发。

修正后的代码示例 #

要实现提交表单后获取PHP查询的最新经纬度，需要用AJAX异步请求，避免页面刷新，同时拿到服务器返回的新值：

var longnew = -64.1;
var latnew = 44.52;
var trigger = 10;
var longs = 0;
var lats = 0;

// 正确绑定表单提交事件，替换query为你的表单ID
document.getElementById('query').addEventListener('submit', function(event) {
    // 阻止表单默认刷新行为，保证JS逻辑执行
    event.preventDefault();

    // 发起AJAX请求获取PHP返回的最新数据
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '你的PHP处理文件路径.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    
    xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 300) {
            // 解析PHP返回的JSON格式数据
            var data = JSON.parse(xhr.responseText);
            longs = parseFloat(data.long);
            lats = parseFloat(data.lat);
            trigger = 1;

            // 更新全局变量并提示结果
            longnew = longs;
            latnew = lats;
            alert('Updated Extent:'+ longs + ', ' + lats + ', ' + trigger);
            alert('Default or Updated Extent (*new): '+longnew + ', ' +latnew + ', ' +trigger);
        }
    };

    // 发送表单内的参数（如果需要传递查询条件）
    var formData = new FormData(this);
    xhr.send(formData);
});

对应的PHP处理文件（比如命名为handle_query.php）需要返回JSON格式的结果：

<?php
// 执行你的SQLite查询逻辑，获取最新的$long和$lat
// 示例代码：
// $db = new SQLite3('你的数据库文件.db');
// $result = $db->query("SELECT long, lat FROM 目标表 WHERE 查询条件");
// $row = $result->fetchArray();
// $long = $row['long'];
// $lat = $row['lat'];

// 将查询结果以JSON格式返回给前端
echo json_encode([
    'long' => $long,
    'lat' => $lat
]);
?>

关键说明 #

1. AJAX异步请求：这是客户端与服务器交互获取最新数据的正确方式，既避免页面刷新，又能拿到表单提交后PHP查询的实时结果。
2. 阻止默认行为：通过event.preventDefault()防止表单提交后页面刷新，确保JS逻辑能完整执行。
3. JSON数据格式：PHP返回JSON格式数据，JS解析后直接使用，比纯文本传递数据更规范可靠。

内容的提问来源于stack exchange，提问作者Kirk the Tree Guy