将客户端生成的javascript内容保存在数据库中

Question

因此，我设法遵循了构建地理坐标检索器的指南。它很好用，但现在我希望能够将人们在数据库中生成的内容（或可能通过电子邮件发送的内容）保存下来，以供自己使用以后可以查看。

https://codepen.io/audiodino/pen/mjgedv

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;
}
</script>

我以前设法遵循指南并建立了一个mysql数据库，当单击div时它存储了可编辑内容的文本-但是我现在希望它能正常工作，以便当人们单击“ Try it”按钮时，它可以自动保存地理位置-显示给他们的坐标。这一切都是为了确保工作项目的安全，因此，万一您正在考虑安全问题，则无法公开访问任何内容。

有人可以引导我吗？谢谢。