javascript - 使用Javascript的HiddenFields中的空值

我调用HTML地理定位方法来获取纬度和经度，然后将它们存储到两个单独的HiddenFields中。这些来自HiddenFields的值将在服务器端（代码隐藏）中使用，服务器端（代码隐藏）将存储在数据库中的表中。我在stackoverflow上搜索了HiddenFields中的high和low以获取空值的帮助，将纬度和经度保存到数据库中，单击客户端和服务器端按钮等。
我实际上是基于一个按钮来启动这个javascript方法，或者你认为被window.onload启动更好吗？
我怀疑函数也没有被触发。。我对javascript知之甚少。。谢谢你的帮助。。
我的网络表单中的Javascript代码和HiddenFields：

<asp:HiddenField runat="server" ClientIDMode="Static" ID="latitudeTB"/>
<asp:HiddenField runat="server" ClientIDMode="Static" ID="longitudeTB"/>

<script type="text/javascript">
    function HideLabel() {
        var seconds = 3;
        setTimeout(function () {
            document.getElementById("<%=ErrorPanel.ClientID %>").style.display = "none";
        }, seconds * 1000);
    };

    //GeoLocation Retrieval
    var latJS = 0;
    var lngJS = 0;
    function getLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition);
        }
    }

    function showPosition(position) {
        //position.coords.latitude + "," + position.coords.longitude;
        //var lat = document.getElementById("<%=latitudeTB.ClientID %>");

        latJS = position.coords.latitude;
        lngJS = position.coords.longitude;

        document.getElementById("<%= latitudeTB.ClientID %>").value = latJS;
        document.getElementById("<%= longitudeTB.ClientID %>").value = lngJS;

        alert(document.getElementById("<%= latitudeTB.ClientID %>").value + " " + document.getElementById("<%= longitudeTB.ClientID %>").value);

        /*if (lat) {
            lat.value = position.coords.latitude;
        }*/

        //var long = document.getElementById("<%=longitudeTB.ClientID %>");

        /*if (long) {
            long.value = position.coords.longitude;
        }*/
    }

    function call() {
        getLocation();
        showPosition(position);
    }
</script>

仅供参考。按钮放在HiddenFields和Javascript上面。。
asp:按钮的代码：

<asp:Button ID="BTN_Login" CssClass="btn btn-theme-dark" Text="Login" runat="server" OnClientClick="call();" OnClick="BTN_Login_Click" />

我确实在服务器端打印出了hiddenfields的值，但是没有得到任何值。。

    Debug.WriteLine(latitudeTB.Value);
    Debug.WriteLine(longitudeTB.Value);

我希望我添加的代码足够。。

最佳答案

设置这个按钮点击事件或窗口加载事件归结为什么样的用户体验。
当DOM准备好时，大多数网站倾向于显示地理位置提示。
您需要调整getLocation函数。getCurrentPosition接受成功和错误回调，这两种回调都不会被传递。

function getLocation(opts) {
    return new Promise(function(resolve, reject) {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition( resolve,
                reject,
                opts
            );
        }
        else {
            reject(new ReferenceError('Browser does not support geolocation api'));
        }

    });
}

然后您可以这样使用它：

function setLatLong(latId, longId) {
    getLocation()
    .then(function(pos) {
       var coords = pos.coords;
       document.getElementById(latId).value = coords.latitude;
       document.getElementById(longId).value = coords.longitude;
    })
    .catch(function(err) {
      // log or fall back to come other Location API?
    })
}


function call() {
   setLatLong(
     "<%= latitudeTB.ClientID %>",
     "<%= longitudeTB.ClientID %>");
}

参考：
https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition