如何在Windows 8

Question

我做一個winJS.xhr這樣的JSON解析：

var jsonResult; 
WinJS.xhr(
{ 
    url: urlGoogle, 
    responseType: 'json' 
} 
).done(function complete(response) { 
    jsonResult = response.responseText; 

    console.log(jsonResult); 
}, 
//Error and Progress functions 
); 

控制檯日誌顯示我：

{lhs: "32 Japanese yen",rhs: "0.30613818 Euros",error: "",icc: true} 

而且我想要得到的RHS信息。 於是，我試着做

console.log(jsonResult.rhs); 

和

console.log(jsonResult['rhs']); 

那隻能說明我的 「不確定」。然後我意識到，當我做了一個jsonResult [0]時，它顯示了索引括號中的第一個字符（這是{）等等。

我試圖做一個JSON.parse（jsonResult）;但它創建了一個錯誤

json parse unexpected character 

Answer 1

var test = {lhs: "32 Japanese yen",rhs: "0.30613818 Euros",error: "",icc: true} 
//test.lhs returns "32 Japanese yen" 

我不太清楚這是爲什麼不爲你工作。嘗試記錄console.log(typeof jsonResult)以查看jsonResult是否爲string或object。 （如果它是一個字符串，我會說JSON.parse應該已經工作）
然後登錄jsonResult本身，看看你是否可以通過它的屬性。 （谷歌瀏覽器控制檯的工作像這樣的魅力）

如果它是一個字符串，這是一個（有點哈克，不安全）的方式來做到這一點：

var result = eval('({lhs: "32 Japanese yen",rhs: "0.30613818 Euros",error: "",icc: true})') 
var result = eval('(' + jsonResult + ')') 

^{（感謝@ ThiefMaster♦對於一些更合適（-ish）使用eval，而不是我自己的虐待它。）}
然後，您應該能夠訪問result
一般情況下，你不希望使用eval，但如果一切都失敗了...

Answer 2

您看到的字符串實際上並不是有效的JSON，因爲它的屬性名稱未被引用。這就是爲什麼JSON.parse拋出一個錯誤。

Answer 3

剛在Chrome瀏覽器開發工具：

JSON.parse("{lhs: \"32 Japanese yen\",rhs: \"0.30613818 Euros\",error: \"\",icc: true}") 
SyntaxError: Unexpected token l 
JSON.parse('{lhs: "32 Japanese yen",rhs: "0.30613818 Euros",error: "",icc: true}') 
SyntaxError: Unexpected token l 
JSON.parse('{lhs: "32 Japanese yen",rhs: "0.30613818 Euros",error: "",icc: 1}') 
SyntaxError: Unexpected token l 
JSON.parse('{"lhs": "32 Japanese yen","rhs": "0.30613818 Euros","error": "","icc": true}') 
Object 
    error: "" 
    icc: true 
    lhs: "32 Japanese yen" 
    rhs: "0.30613818 Euros" 
    __proto__: Object 

所以，這似乎是一個「有效」 JSON字符串應該使用雙引號"附上一切可能的地方。

其實這也發生在PHP的json_decode。

我不知道Win8JS的發展，所以我不確定你是否可以使用response.responeJSON或類似的東西，但直接解析response.responseText似乎可能會失敗。

如果您確實需要使用responseText，請考慮@Cerbrus的危險eval方法。

Answer 4

我在過去曾對此進行過博客。下面的代碼調用一個返回JSON的Web服務。

在此解釋： http://blogs.msdn.com/b/brunoterkaly/archive/2012/11/06/step-4-augmented-reality-windows-8-and-cloud-computing-how-to-implement-with-real-code-implementing-the-windows-8-client.aspx#

什麼是這個代碼是有用的是你「試穿」得到的值。它們可能不存在。

請參閱parsedResults.TryGetValue（）。

private async System.Threading.Tasks.Task CallLocationWebService(string gps) 
    { 
     // Call into the emulator. This assumes you are running the 
     // cloud project from the last post in the backgruond 
     string _location = "http://127.0.0.1:81/api/values?location={0}"; 

     // You can use the line below once you deploy your cloud 
     // application to the cloud (a MS data center) 
     //string _location = "http://locationwebservice.cloudapp.net/api/values?location={0}"; 

     // Now make the aynchronous call. We need to pass the GPS 
     // parameters here to the _location string mentioned above. 
     using (HttpClient clientlocation = new HttpClient()) 
     using (var response = await clientlocation.GetAsync(string.Format(_location, gps))) 
     { 
      if (response.IsSuccessStatusCode) 
      { 
       string webresponse = await response.Content.ReadAsStringAsync(); 

       // Parse the string into a JSONObject 
       var parsedResults = JsonObject.Parse(webresponse); 

       IJsonValue val; 

       // Extract data embedded in JSONObject. 
       // Assign to controls in user interface 
       if (parsedResults.TryGetValue("latitude", out val)) 
        loc_info.latitude = val.GetString(); 
       if (parsedResults.TryGetValue("longitude", out val)) 
        loc_info.longitude = val.GetString(); 
       if (parsedResults.TryGetValue("bus_and_neighborhood", out val)) 
        loc_info.bus_and_neighborhood = val.GetString(); 
       if (parsedResults.TryGetValue("elevation", out val)) 
        loc_info.elevation = val.GetString(); 
       if (parsedResults.TryGetValue("bus_and_neighborhood", out val)) 
        loc_info.bus_and_neighborhood = val.GetString(); 
       if (parsedResults.TryGetValue("max_temp", out val)) 
        loc_info.max_temp = val.GetString(); 
       if (parsedResults.TryGetValue("min_temp", out val)) 
        loc_info.min_temp = val.GetString(); 

       this.bus_and_neighborhood.Text = loc_info.bus_and_neighborhood; 
       this.elevation.Text = loc_info.elevation; 
       this.latlong.Text = loc_info.latitude + "/" + loc_info.longitude; 
       this.max_temp.Text = loc_info.max_temp; 
       this.min_temp.Text = loc_info.min_temp; 
      } 
     } 

    } 

Answer 5

在你的情況，請檢查以下

WinJS.xhr({ url: urlGoogle }).then(
      function completed(response) { 
       var jsonString = JSON.parse(response.responseText); 
       console.log(jsonString .rhs); 
      }, 
      function error(error) { console.log(error) }, 
      function progress(progress) { } 
); 

OR 

WinJS.xhr({ url: urlGoogle }).then(
      function completed(response) { 
       var jsonString = JSON.parse(response.responseText); 
       console.log(jsonString .rhs); 
      }, 
      function error(error) { console.log(error) }, 
      function progress(progress) { } 
); 

Answer 6

首先做的事：

jsonResult = JSON.parse(response.responseText); 

，然後你可以使用：

var rhs = jsonResult.rhs;