【问题标题】:How can I get values from SQL Server to use in my JavaScript code?如何从 SQL Server 获取值以在我的 JavaScript 代码中使用?
【发布时间】:2013-05-03 16:50:35
【问题描述】:

我正在使用带有 C# 的 asp.net。我使用 JavaScript 在我的应用程序中嵌入了 Google 地图。我输入纬度和经度,它会在谷歌地图上显示位置。现在我希望它从数据库中获取 lat & lng 并显示位置。

这是我的代码:

  <script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
    </script>
    <script type="text/javascript">
        function initialize() {
            var lat = document.getElementById('txtlat').value;
            var lon = document.getElementById('txtlon').value;
            var myLatlng = new google.maps.LatLng(lat, lon) 
            var mapOptions = {
                center: myLatlng,
                zoom: 18,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                marker: true
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
            var marker = new google.maps.Marker({
                position: myLatlng
            });
            marker.setMap(map);
        }


    </script>
    </head>

    <body >

    <table>
    <tr>
    <td class="style3">Enter Latitude:</td>
    <td><input type="text" id="txtlat" value="" onclick="return txtlat_onclick()" /> </td>
    </tr>
    <tr>
    <td class="style3">Enter Longitude:</td>
    <td><input type="text" id="txtlon" value="" onclick="return txtlon_onclick()" /> </td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><input type="button" value="Submit" onclick="javascript:initialize()" /> </td>
    </tr>
    </table>
    <div id="map_canvas" style="width: 535px; height: 347px"></div>


    </body>
    </html>

【问题讨论】:

  • 您在其中遇到了什么具体问题吗?
  • stackoverflow 不是让别人为你写代码的地方。
  • 您的数据访问代码在哪里?如果您向我们展示您目前的成果,也许我们可以提供帮助。

标签: c# javascript asp.net sql-server


【解决方案1】:

向服务器发出ajax请求,服务器将连接数据库,从表中读取经纬度并返回。在您的 ajax 处理程序上,将您的 lat 和 lon 变量替换为响应。

查看这个问题:jQuery ajax call to REST service 了解 javascript 的外观。

查看这篇文章,了解如何在 c#http://code.msdn.microsoft.com/Build-truly-RESTful-API-194a6253 中构建一个 restful api。

查看这篇文章,了解如何使用 c#http://www.daniweb.com/software-development/csharp/threads/21636/how-do-you-connect-to-a-sql-database-using-c 连接到数据库

【讨论】:

  • @user2347571 已经为您提供了一些很好的建议和有用的链接,并且在此站点上已经有many questions 关于在 SQL Server 中使用 JavaScript。我建议您尝试自己实现一些东西,如果您有具体问题,请随时将它们作为问题发布。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-14
  • 1970-01-01
  • 2019-10-06
相关资源
最近更新 更多