2016-12-02 3 views
-1

Ich versuche, meine JSON-Objekte auf einer Seite anzuzeigen.zeige Objekte von meinem JSON

Ich habe die Objekte in dieser URL

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

eine Probe der Daten aus der URL, die

{ 
    "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 
}, 

ich die Daten angezeigt werden auf meiner Seite Ich versuche wie

aussieht habe ich versucht,

<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> 

aber nicht aus den Daten ausdrucken, bitte helfen Sie

+0

Nichts ist jemals zu 'Text' zugewiesen bekommen. – DevlshOne

+0

Ive aktualisiert meinen Code –

+0

Zum einen existiert die Methode 'getJSONP' nicht: http://api.jquery.com/?s=getJSONP. Es gibt auch Syntaxfehler in Ihrem Code. Schau in der Konsole deines Browsers nach, um die Fehler zu sehen. –

Antwort

0

Sie Seite braucht einen Ajax-Aufruf, um die JSON-Daten aus der API

Der einfachste Weg, dies zu tun, ist mit dem jQuery function$.getJSON()

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

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

} 
+0

also behalten var requestURL = "https://maps.googleapis.com/maps/api/place/details/json?placeid=myID&key=mykey"; hast du dann code und dann hat "data" nun das objekt in? –

+0

muss "JSONP" sein, da es sich um eine domänenübergreifende Anfrage handelt. – DevlshOne

+0

Was ist der Sinn von 'obj'? –

0

Hier können Sie einfach JSON HTTP-Anforderung abrufen, wie in http://www.w3schools.com/js/js_json_http.asp. In diesem Fall müssen Sie jQuery nicht an Ihr Projekt anhängen. XMLHttpRequest ist ein Teil von 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(); 

und dann:

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