我如何从SQL服务器获得值在我的JavaScript代码中使用

本文关键字:JavaScript 我的 代码 SQL 服务器 | 更新日期: 2023-09-27 18:12:14

我正在使用asp.net和c#。我使用JavaScript将谷歌地图嵌入到我的应用程序中。我输入纬度和经度,它就会显示谷歌地图上的位置。现在我想让它花更长的时间&从数据库中提取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>

我如何从SQL服务器获得值在我的JavaScript代码中使用

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

检查这个问题:jQuery ajax调用REST服务,了解javascript应该是什么样子的。

查看如何在c#中构建restful api的文章http://code.msdn.microsoft.com/Build-truly-RESTful-API-194a6253。

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