顯示我的JSON對象

-1

我想讓我的JSON對象顯示在頁面上。顯示我的JSON對象

我有物體在這個網址

https://maps.googleapis.com/maps/api/place/details/json?placeid=myID&key=mykey

從URL中數據的樣本，看起來像

{ 
    "aspects" : [ 
    { 
     "rating" : 3, 
     "type" : "overall" 
    } 
    ], 
    "author_name" : "myname", 
    "author_url" : "https://www.google.com/maps/contrib/33/reviews", 
    "language" : "en", 
    "profile_photo_url" : "//lh6.googleusercontent.com/-1GIrDoa_C6g/AAAAAAAAAAI/AAAAAAAAAKQ/35IHzHRpoFw/photo.jpg", 
    "rating" : 5, 
    "relative_time_description" : "a month ago", 
    "text" : "text text text.", 
    "time" : 1477328845 
},

我想顯示我已經試過我的頁面上的數據

<body> 
    <p id="demo"></p> 

    <script> 
    var requestURL = "https://maps.googleapis.com/maps/api/place/details/json"; 

$.getJSONP(requestURL, { 
placeid: '232323-bjU891A', 
key: '23232-mg' 
}, 

function(resultingData) { 
    document.getElementById("demo").innerHTML = 
     resultingData.author_name + "<br />" + 
     resultingData.author_url + "<br />" + 
     resultingData.language; 
} 
    </script> 

</body>

但不能把數據打印出來，請大家幫忙

來源

2016-12-02 Benjamin Oats

事情遠沒有得到分配給'text'。 – DevlshOne

我更新了我的代碼 –

其中之一，getJSONP方法不存在：http://api.jquery.com/?s=getJSONP。代碼中也有語法錯誤。查看瀏覽器的控制檯以查看錯誤。 –

您頁面需要進行Ajax調用來檢索API

要做到這一點，最簡單的方式JSON數據使用jQuery function$.getJSON()

var obj; 
$.getJSON(requestURL, function(data) { 

    // the variable 'data' now contains the JSON response 
    obj = data; 

}

來源

2016-12-02 14:51:18 Mike

因此請保留var requestURL =「https://maps.googleapis.com/maps/api/place/details/json?placeid=myID&key=mykey」;然後有你的代碼，然後「數據」現在有對象在？ –

需要'JSONP'，因爲它是一個跨域請求 – DevlshOne

'obj'有什麼意義？ –

在這裏，您可以用簡單的JSON的HTTP請求如在http://www.w3schools.com/js/js_json_http.asp中所述。在這種情況下，您不需要將jQuery附加到您的項目中。 XMLHttpRequest是Java腳本的一部分：

var xmlhttp = new XMLHttpRequest(); 
var requestURL = yourUrl; 

xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     var data = JSON.parse(this.responseText); 
     myFunction(data); 
    } 
}; 
xmlhttp.open("GET", requestURL, true); 
xmlhttp.send();

然後：

function myFunction(data) { 
    //your code that cares about data from the requestURL 
}

來源

2016-12-02 15:45:04

顯示我的JSON對象

回答

相關問題