2016-12-02 7 views
-1

Я пытаюсь открыть объекты JSON для отображения на странице.показать объекты из моего JSON

У меня есть объекты в этом URL

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> 

Но не может распечатать данные, пожалуйста, помогите

+0

никогда ничего не получать назначается 'Text'. – DevlshOne

+0

Ive обновил мой код –

+0

Во-первых, метод 'getJSONP' не существует: http://api.jquery.com/?s=getJSONP. В вашем коде также есть синтаксические ошибки. Посмотрите на консоль своего браузера, чтобы увидеть ошибки. –

ответ

0

Вы страница должна сделать AJAX вызова для извлечения JSON данных из API

Самый простой способ сделать это с помощью JQuery function$.getJSON()

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

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

} 
+0

, поэтому храните var requestURL = "https://maps.googleapis.com/maps/api/place/details/json?placeid=myID&key=mykey"; то есть yor-код, а затем «данные» теперь имеют объект? –

+0

должен быть 'JSONP', поскольку он является междоменным запросом – DevlshOne

+0

Какой смысл' obj'? –

0

Здесь вы можете использовать простой JSON запроса HTTP как в http://www.w3schools.com/js/js_json_http.asp. В этом случае вам не нужно прикреплять jQuery к вашему проекту. XMLHttpRequest является частью Java Script:

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 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^