2017-03-08 14 views
0

我對JSON 100%全新,並且在JavaScript中的使用經驗非常有限。我正試圖將這些語言更多一些。Javascript,JSON,PhoneGap

無論如何,我正在構建一個使用PhoneGap和Wordpress的超級簡單應用程序。基本上,我使用JSON API插件從我的Wordpress頁面獲取api,然後我試圖轉換返回數組的某個部分並將其打印到div,這就是我卡住的地方。我的API是quickcutsystem.com/

你可以看到我在我的非功能和凌亂的代碼嘗試。基本上,我只是不知道我在做什麼,你能幫助一個新手嗎?

的index.html我phonGap應用

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title>READ JSON Example (getJSON)</title> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

     var data = JSON.parse($.getJSON("http://quickcutsystem.com/login/?json=1");); 

     var id = data.Status[0].Id; 
     var name = data.Status[0].Username; 
     document.getElementById("output").innerHTML = name; 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="output"></div> 
    </body> 
</html> 

回答

1

您的JSON結構是這樣的

"status": "ok", 
"page": { 
    "id": 228, 
    "type": "page", 

所以,如果你想獲得PAGEID和pageType爲何,你可以這樣做:

var id = data.page.id; 
var name = data.page.type; 

順便說一句,在你的JSON中,我看不到用戶名字段。

建議您可以到這裏:http://jsonformatter.org/,點擊Load data並輸入網址,然後點擊Format/Beautify。你可以清楚地看到結構。

+0

真棒太謝謝你做我行,我聲明變量:VAR數據= JSON.parse($ getJS ........ 這是否工作我做了這些代碼自己 –

+0

我。?。 m不是100%確定的,因爲你可能會遇到CORS的問題,你可以在那裏發出警報來檢查'alert(id)',如果在電話中它彈出正確的id,它就會起作用。 – haipham23