2017-10-13 124 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

非常感謝 –