Javascript-Funktion Informationen von API-Antwort einfügen

Question

ich habe die folgende Situation:

Api Anforderungsstruktur:

http://www.api.com/?t=madrid&r=json 

Ein api gibt mir Informationen mit der folgenden Struktur (seine eine json ausgegeben, wenn das hilft):

API Reaktion 1:

{"Title":"madrid","Year":"2011","Location":"spain","time":"5days"} 

API Reaktion 2:

{"Title":"buenos aires","Year":"2015","Location":"argentina","time":"2days"} 

API-Antwort 3:

{"Title":"tokyo","Year":"2013","Location":"japan","Time":"7days"} 

und ich möchte eine HTML Javascript machen, dass der Titel und Ort atributes unter der folgenden HTML-Struktur filtern gezeigt:

<div id="travel"> 
    <h1 id="Title"> the title </h1> 
    <p id="time"> time spent on the place </p> 
</div> 

Das Jahr und das Standortattribut sollten verworfen werden.

Wie kann ich machen, dass h1 die im Titelabschnitt der API-Antwort angegebenen Informationen und die über das p-Tag verbrachte Zeit anzeigt? Kann es mit Javascript gemacht werden? Ich kann keine andere Sprache benutzen.

Answer 1

Kann es mit Javascript gemacht werden?

Ja

Wie kann ich machen, dass h1 die Informationen im Titel Abschnitt der Api-Antwort und die Zeit über den p-Tag ausgegeben gegeben zeigen?

1) Verwenden XMLHTTPRequest Daten

2) zu erhalten, wenn Daten, die eine selbstgeschriebener Funktion zur Verfügung gestellte Daten zu formatieren sind retrived (HTML-Code)

3) Anfügen des genannten erzeugen HTML- Code wo immer Sie auf der Seite brauchen