Javascript 如何获取内部html数据的值以将值存储到数据库

如何将此JavaScript变量数据获取到PHP中，以便将纬度和经度数据插入到数据库中，或者以任何其他方式获取用户的位置并将其存储在数据库中

单击按钮获取您的坐标

试试看

var x=document.getElementById（“演示”）；
函数getLocation（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（showPosition）；
}否则{
x、 innerHTML=“此浏览器不支持地理位置。”；
}
}
功能显示位置（位置）{
x、 innerHTML=“纬度：”+position.coords.Latitude+
“
经度：”+position.coords.Longitude；
}

似乎需要使用AJAX将javascript变量的值传递给PHP

在HTML文件（index.HTML）中

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="getLocation()">Try It</button>
<script>
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition);
    } else {
      x.innerHTML = "Geolocation is not supported by this browser.";
    }
  }

  function showPosition(position) {
    var lat = position.coords.latitude;
    var long = position.coords.longitude;

    //AJAX CALL THIS WILL PASS THE VALUE OF JAVASCRIPT TO PHP
    $.ajax({
      type: 'post',
      url: 'ajax-processor.php',
      data: {
        lat: lat,
        long: long
      },
      success: function(html) {
        alert("Success");
      }
    });
  }
</script>

确保PHP文件的URL是正确的

---

您可以在我的博客文章中阅读更多关于AJAX以及如何将数据从JavaScript传递到PHP的信息：

什么是JavaScript数据？函数showPosition（position）{x.innerHTML=“Latitude:”+position.coords.Latitude+”
Longitude:“+position.coords.Longitude；}我如何将此数据发送到phpy？您很可能会将其与表单数据一起发布。让JS与表单元素交互（隐藏或其他）。其他选项是对处理请求的php脚本进行ajax调用。是的，@David Angulo，我知道了。谢谢你的帮助

$lat = $_POST['lat'];
$long = $_POST['long'];

//your code to insert to the database here using the $lat and $long variable