获取 HiddenField 的值并在 JS 中传递给 var

Question

我正在尝试从 2 asp:HiddenFields 中获取值并将它们存储到 var latitudeDB、var longitudeDB 和 JavaScript 中。 HiddenFields 中设置的这 2 个值来自我的数据库。我已经用 Debug.WriteLine 检查了网站启动时的 2 个值，它们都是数据库中的精确值。

请问如何从 HiddenFields 中获取 2 个值以存储到 var latitudeDB 和 var longitudeDB 中以备将来使用？并且这两个值应该是 FLOAT/DOUBLE 才能使用...

在Page_Load,

        foreach (DataRow r in ds.Tables[0].Rows)
        {
            accountDB = r["AccountStatus"].ToString();
            latitudeDB = Convert.ToDouble(r["Latitude"]);
            longitudeDB = Convert.ToDouble(r["Longitude"]);
            usernameDB = r["Username"].ToString();
            ipDB = r["IPAddressOfCreation"].ToString();
        }
        HF_Latitude.Value = latitudeDB.ToString();
        HF_Longitude.Value = longitudeDB.ToString();

        Debug.WriteLine(HF_Latitude.Value);
        Debug.WriteLine(HF_Longitude.Value);

在我的服务器端表单中 (JavaScript)，

                 <script type="text/javascript">
                    function initMap() {
                        var latitudeDB = parseFloat(document.getElementById("<%= HF_Latitude.ClientID %>").value);
                        var longitudeDB = parseFloat(document.getElementById("<%= HF_Longitude.ClientID %>").value);

                        //var latitudeDB = $("#<%= HF_Latitude.ClientID %>").val();
                        //var longitudeDB = $("#<%= HF_Longitude.ClientID %>").val();

                        var mapProp = {
                            zoom: 15,
                            center: new google.maps.LatLng(latitudeDB, longitudeDB),
                            mapTypeId: google.maps.MapTypeId.HYBRID,
                        };

                        var map = new google.maps.Map(document.getElementById("generatedMap"), mapProp);

                        var marker = new google.maps.Marker({
                            position: new google.maps.LatLng(latitudeDB, longitudeDB),
                            map: map,
                            title: "<div style = 'height:50px;width:120px'><b>Consumer's location:</b><br />Latitude: " + latitudeDB + "<br />Longitude: " + longitudeDB,
                        });
                    }
                </script>

隐藏字段，

<asp:HiddenField runat="server" ID="HF_Latitude" />
<asp:HiddenField runat="server" ID="HF_Longitude" />

感谢任何帮助！非常感谢...

Answer 1

我解决了我的问题。 HiddenFields 应该放在 Javascript.

上方

获取 HiddenField 的值并在 JS 中传递给 var

Getting Value Of HiddenField and passing into var in JS

javascript

c#

asp.net

variables

parsefloat