從jQuery GET JSON響應字符串獲取單個值

我已經查看了幾個相似的主題，並嘗試了這些建議，但無法使其工作。從jQuery GET JSON響應字符串獲取單個值

本頁內容http://www.thefuelcardpeople.co.uk/test-pump-locator/我有一個按鈕，可以從地理位置數據獲取緯度和經度座標，然後連接到https://api.postcodes.io/postcodes API進行反向郵政編碼查找。

我已經得到它返回完整的數據字符串，它表明，但我不能解決如何只返回郵政編碼值。我想預先填寫表單字段輸入與API從地理位置數據返回的郵編值。

任何人都可以幫忙嗎？

這是我的代碼：

<p>Click the button to get your coordinates.</p> 

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

<p id="demo"></p> 
<p id="demo2"></p> 
<pre id="geocode-postcode-result" class="code-box" style="display: block;"></pre> 

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

function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition); 



    } else { 
     x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 

function showPosition(position) { 
    var lon = position.coords.longitude; 
    var lon2 = lon.toFixed(14); 
    var lat = position.coords.latitude; 
    var lat2 = lat.toFixed(14); 

    x.innerHTML = "Latitude: " + lat2 + "<br>Longitude: " + lon2; 

     var $result = jQuery("#geocode-postcode-result"); 
     var displayJsonResult = function ($context, data) { 
     $context.html(JSON.stringify(data, null, 4)).slideDown(); 

    }  
     jQuery.get("https://api.postcodes.io/postcodes?lon=" + lon2 + "&lat=" + lat2 + "&limit=1") 
     .done(function (data) { 
      displayJsonResult($result, data); 

     }) 
     .fail(function (error) { 
      displayJsonResult($result, error.responseJSON); 
     }); 

} 


</script>

感謝您的答覆 - 這被寫入的迴應是：

{ 
    "status": 200, 
    "result": [ 
     { 
      "postcode": "BB11 2DB", 
      "quality": 1, 
      "eastings": 384278, 
      "northings": 432561, 
      "country": "England", 
      "nhs_ha": "North West", 
      "longitude": -2.2401189327649, 
      "latitude": 53.7891288271951, 
      "parliamentary_constituency": "Burnley", 
      "european_electoral_region": "North West", 
      "primary_care_trust": "East Lancashire Teaching", 
      "region": "North West", 
      "lsoa": "Burnley 003D", 
      "msoa": "Burnley 003", 
      "incode": "2DB", 
      "outcode": "BB11", 
      "distance": 30.904269682, 
      "admin_district": "Burnley", 
      "parish": "Burnley, unparished area", 
      "admin_county": "Lancashire", 
      "admin_ward": "Daneshouse with Stoneyholme", 
      "ccg": "NHS East Lancashire", 
      "nuts": "East Lancashire", 
      "codes": { 
       "admin_district": "E07000117", 
       "admin_county": "E10000017", 
       "admin_ward": "E05005155", 
       "parish": "E43000093", 
       "ccg": "E38000050", 
       "nuts": "UKD46" 
      } 
     } 
    ] 
}

來源

2016-02-04 dcrosby

你能發表一個返回字符串的例子嗎？應該是相當微不足道的 – Pabs123

謝謝你的答覆 - 答覆作爲上面的編輯添加。 – dcrosby

假設你已經給該字符串的全部data在通話中返回，您只需執行以下操作：

data.result[0].postcode

這會得到一個表示郵政編碼的字符串，不過您可以使用它。

來源

2016-02-04 17:11:47 Pabs123

非常感謝 - 我錯過了（或放錯了）代碼中的[0]。 – dcrosby

從jQuery GET JSON響應字符串獲取單個值

回答

相關問題