选择阻止位置权限后，Geolocation后续代码无法执行如何解决？

当用户阻止位置权限时，navigator.geolocation.getCurrentPosition的error回调会触发，你需要在这个回调里明确执行后续的业务逻辑（比如打卡的AJAX请求）。下面是修改后的代码方案：

修改后的代码 #

$(document).ready(function () {
    $(".in").click(function () {
        const options = {
            enableHighAccuracy: true,
            timeout: 5000,
            maximumAge: 0
        };
        // 直接获取用户ID，简化代码
        const userId = <?php echo $_GET['eid']; ?>;

        // 抽离通用的打卡处理逻辑，不管是否获取到位置都能调用
        function handleClockIn(latitude = null, longitude = null) {
            // 这里写你原来的AJAX及其他后续代码
            $.ajax({
                url: '你的打卡接口地址.php',
                method: 'POST',
                data: {
                    userId: userId,
                    lat: latitude,
                    lng: longitude
                    // 其他需要传递的参数
                },
                success: function(res) {
                    // 处理AJAX成功的逻辑，比如提示打卡成功
                    console.log('打卡完成');
                },
                error: function(xhr, err) {
                    // 处理AJAX失败的逻辑
                    console.log('打卡请求出错', err);
                }
            });
            // 这里可以添加更多后续要执行的代码，比如页面状态更新等
        }

        function success(pos) {
            const crd = pos.coords;
            // 获取到位置后，带着坐标执行打卡逻辑
            handleClockIn(crd.latitude, crd.longitude);
        }   
        
        function error(err) {
            // 位置获取失败（包括用户阻止权限），直接执行打卡逻辑
            console.log('位置获取失败:', err.message);
            handleClockIn();
        }

        navigator.geolocation.getCurrentPosition(success, error, options);
    });
});

关键说明 #

• 抽离通用逻辑：把需要后续执行的代码（比如打卡请求）封装成独立函数handleClockIn，不管位置获取成功还是失败，都调用这个函数，保证流程不中断。
• error回调触发场景：当用户点击「阻止」权限、位置获取超时、设备无法获取位置时，error函数都会被触发，此时调用handleClockIn就能继续执行业务逻辑。
• 兼容权限缓存：如果用户之前已经永久阻止了网站的位置权限，后续点击按钮不会再弹出弹窗，而是直接进入error回调，同样能执行后续代码。

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