2017-10-13 59 views
0

下面是我的代码,当我更改警报返回并单击按钮时,结果不显示。请教我如何更改警报部分,当我点击按钮时,它应该返回json结果在页面中。非常感谢!WebForm如何将警报框结果更改为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> 
+0

当你说'返回json结果到页面'时,你是什么意思。你想在div中显示JSON数据吗?或者是什么? –

+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> 

希望得到这个帮助。

+0

非常感谢 –