WebForm如何将警报框结果更改为json结果

时间:2017-10-13 06:48:11

标签: javascript html json

下面是我的代码,当我更改警报以返回并单击按钮时,结果不会显示。请教我如何在单击按钮时更改警报部分,它应该在页面中返回json结果。非常感谢你!

<script type="text/javascript">
<!--
function GetLocation() {
    var geocoder = new google.maps.Geocoder();
    var address = document.getElementById("txtAddress").value;
    geocoder.geocode({ 'address': address }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            alert("Latitude: " + latitude + "\nLongitude: " + longitude);
        } else {
            alert("Request failed.")
        }
    });
};
    //-->
</script>

1 个答案:

答案 0 :(得分:0)

我不知道您的HTML代码是什么样的,所以我将举例说明div

<body>
    <button onclick="GetLocation()">Click me</button>
    <div id="resultdata"></div>
</body>

要在resultdata中显示,您可以像这样使用innerHTML

<script type="text/javascript">
function GetLocation() {
    var geocoder = new google.maps.Geocoder();
    var address = document.getElementById("txtAddress").value;
    geocoder.geocode({ 'address': address }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            //get JSON data.
            var JSONData = JSON.stringify({"Latitude": latitude, "Longitude": longitude});
            document.getElementById("resultdata").innerHTML = JSONData;
        } else {
            alert("Request failed.");
        }
    });
};
</script>

希望得到这个帮助。