我如何从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> </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>
向服务器发出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