编写个网页post获取经纬度点击后弹窗显示当前手机所在地址的经纬度
下面是一个简单的示例，展示了如何使用HTML和JavaScript编写一个网页，通过POST请求获取经纬度，并在点击按钮后弹窗显示当前手机所在地址的经纬度。
<!DOCTYPE html>
<html>
<head>
<title>获取经纬度</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("Geolocation is not supported by this browser.");
}
}
function showPosition(position) {
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;
// 发送POST请求将经纬度传递给后台处理
$.post("/getaddress", {latitude: latitude, longitude: longitude}, function(data) {
alert("当前手机所在地址的经纬度是：" + data.latitude + ", " + data.longitude);
});
}
</script>
</head>
<body>
<button onclick="getLocation()">获取经纬度</button>
</body>
</html>
在上面的示例中，我们使用了navigator.geolocation.getCurrentPosition()方法来获取当前设备的位置信息。然后，通过POST请求将经纬度数据发送给后台处理。在这个示例中，我们使用了jQuery的$.post()方法来发送POST请求，并指定了请求的URL为"/getaddress"，以及要发送的数据为{latitude: latitude, longitude: longitude}。在回调函数中，我们展示了一个弹窗，显示了当前手机所在地址的经纬度。
请注意，上面的示例中的/getaddress是一个示意的URL，你需要将其替换为你自己的后台处理URL。你需要在后台处理程序中解析POST请求，并使用适当的方法获取地址信息
原文地址: http://www.cveoy.top/t/topic/iZKB 著作权归作者所有。请勿转载和采集!