使用纯文本而不是HTML的JS创建JSON

Question

我有这段代码，每隔5秒就会获取一次用户位置。

<div id="geo" onLoad=""></div>

<script>

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
        //Refresh the data
        setTimeout(getLocation, 5000);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {

    var obj = { lat: position.coords.latitude, long: position.coords.longitude };
    var myJSON = JSON.stringify(obj);
    document.getElementById("geo").innerHTML = myJSON;
}
getLocation()
</script>

它可以正确地在放置的HTML文件中打印。 问题是，当我尝试到达并解析它时，HTML附带了它，而我无法获得所需的结果。

我尝试将不同的标头添加到文件中，但是没有运气。我能想到的一件事就是以某种方式将结果扔到PHP文件中，然后以纯文本形式在其中回显结果。

您认为这是可能的，还是有一个更好的主意而不是HTML来实现JSON？

更新 这就是我调用HTML文件时得到的

这就是我想要的样子（如果我用PHP回显它）

Answer 1

我认为您不需要JSON。您直接输出位置坐标：

document.getElementById("geo").innerHTML = 'lat: ' + position.coords.latitude + ', long: ' + position.coords.longitude;