2013-06-26 178 views
1

我正在使用Javascript,HTML和CSS開發移動應用程序。我必須在該應用中使用Web服務。我正在做一個示例演示,瞭解如何在JavaScript中使用Web服務。我有一個返回JSON響應的網址。我需要使用jQuery顯示此響應。無法在jscript中顯示json響應

這是返回TJE JSON響應

http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo

URL和響應是:

{ 
    "status": { 
     "message":"the daily limit of 30000 credits for demo has been exceeded. Please use an application specific account. Do not use the demo account for your application.", 
     "value":18 
    } 
} 

,但我不知道如何來顯示這個使用JavaScript。我嘗試用下面的代碼,但它合乎理不行

$(document).ready(function() 
    { 
     $("#btnConvert").click(function() 
     { 

      $.ajax({ 
      type: "POST", 
      url:"http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo", 
      dataType: "jsonp", 
      success: function(data) 
      { 
       $('#currency_converter_result').html(data); 
       alert(""+data); 

      } 
      }); 
     }); 
    }); 

它顯示[object object]一個警告框。 你能幫我介紹如何使用javascript顯示json響應嗎?

回答

1

您可以顯示物體的像這樣的消息:

alert(data.status.message); 
+0

很感謝你,它工作正常 –

+0

很高興它的工作,嘗試使用噸類似Firefox中的Firebug,它們使得它更容易看到對象內的內容以及它是如何構造的(例如控制檯日誌記錄等);) – Francodi

1

對象data包含了下屬性:

- data 
    -- status 
     -- message: "the daily limit of 30000 credits for demo has been exceeded. Please use an application specific account. Do not use the demo account for your application." 
     -- value: 18 

因此,爲了提取那些你必須使用值:

data.status.message // Returns the String 
data.status.value // Returns the code number