JQuery 和地理位置不发送任何数据

Question

早安，

我正在尝试创建一个脚本来加载我的浏览器地理位置，然后将其发送到保存它的文件。

问题是。数据未发送。 还有一个更大的问题是，我尝试了很多东西，却一无所知。

我添加了几个警报，但没有显示警报。

脚本应该做什么？ 每五秒运行一次并请求您的地理位置。 当您在手机上单击接受并接受来自该来源的所有人时，您将获得一个有效的 GPS 类似跟踪。

代码：

        <script type="text/javascript">
    function success(position) {
        ///SaveActiveGeoLocation();
    }

    function error(msg) {
        var s = document.querySelector('#status');
        s.innerHTML = typeof msg == 'string' ? msg : "failed";
        s.className = 'fail';

        // console.log(arguments);
    }

    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(success, error);
    }
    else{
        error('not supported');
    }


    function SaveGeoLocation(){
        var Lat         = position.coords.latitude;
        var Lon         = position.coords.longitude;
        var Accuracy    = position.coords.accuracy;

        ///######## SENDING THE INFORMATION BY AJAX
        $.ajax({
            type : "POST",          /// **** SEND TYPE
            url  : "savegeo.php",   /// **** TARGET FILE TO FETCH THE DATA
            data : { 
                    'Lat'                   : Lat,
                    'Lon'                   : Lon,
                    'GeoAccuracy'           : Accuracy
                   },
                    ///######## IN CASE OF SUCCESS
                    success:function(response){
                    if( response == "ok" ){
                        alert('SEND!');
                    }
                    else{
                        alert( "Response = " + response );
                    }
               }
            }
        );
    }



     $(document).ready(function() {
        $.ajaxSetup({
            cache: false
        }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh
        setInterval(function() {
            ///alert('HOI!');
            SaveGeoLocation();
        }, 5000);

        // the "10000" here refers to the time to refresh the div. it is in milliseconds.

        /// **** DEFAULT LOADING
        ///SaveGeoLocation();
    });
    </script>

保存发送 POST 数据的文件：

<?php
include('function.geolocation.class.php');

$geo = new GeoLocation();

$Lat            = $_POST['Lat'];
$Lon            = $_POST['Lon'];
$GeoAccuracy    = $_POST['GeoAccuracy'];
$IP             = $geo->GetIP();
$file           = 'location.txt';
$address        = $geo->getAddress($Lat, $Lon);

$contents       = $Lat.'|'.$Lon.'|'.$IP.'|'.$GeoAccuracy.'|'.date('Y-m-d H:i:s').'|'.$address.PHP_EOL;
$handle         = fopen($file, 'a');
fwrite($handle, $contents);
fclose($handle);

echo 'ok';
?>

Answer 1

我可以看到的一个问题是变量position 在SaveGeoLocation 方法的上下文中不存在

function success(position) {
    //SaveActiveGeoLocation();
    window.position = position;
}

function SaveGeoLocation() {
    if (!window.position) {
        return;
    }
    //your stuff
}

---

不需要使用间隔调用SaveGeoLocation，你可以像在成功回调中调用SaveGeoLocation一样

function success(position) {
    SaveActiveGeoLocation(position);
}

function SaveGeoLocation(position) {
    //your stuff
}

---

如果你想连续保存位置

$(document).ready(function () {
    $.ajaxSetup({
        cache: false
    });

    function saveLocation() {
        navigator.geolocation.getCurrentPosition(success, error);
    }

    function success(position) {
        var Lat = position.coords.latitude;
        var Lon = position.coords.longitude;
        var Accuracy = position.coords.accuracy;

        ///######## SENDING THE INFORMATION BY AJAX
        $.ajax({
            type: "POST", /// **** SEND TYPE
            url: "savegeo.php", /// **** TARGET FILE TO FETCH THE DATA
            data: {
                'Lat': Lat,
                    'Lon': Lon,
                    'GeoAccuracy': Accuracy
            },
            ///######## IN CASE OF SUCCESS
            success: function (response) {}
        }).done(function (response) {
            if (response == "ok") {
                alert('SEND!');
            } else {
                alert("Response = " + response);
            }
        }).always(function () {
            setTimeout(saveLocation, 5000)
        });
    }

    function error(msg) {
        var s = document.querySelector('#status');
        s.innerHTML = typeof msg == 'string' ? msg : "failed";
        s.className = 'fail';
    }

    if (navigator.geolocation) {
        saveLocation();
    } else {
        error('not supported');
    }

});