Javascript Objekt Hilfe (JSON und AJAX)

Question

Ich verwende derzeit Ajax, um Daten aus meiner JSON-Datei zu ziehen ... meine Situation ist, dass in einem div von meinem HTML muss ich eine Überschrift und einen Absatz hinzufügen ..

Ich habe versucht, eine Eigenschaft wie "headingpara": "<h1> blah blah </h1> <p> blah blah blah </p>"zu machen. Damit bekomme ich einen Fehler.

Ich habe auch versucht

"heading": "<h1> blah blah </h1>", 
"para": "<p> blah blah blah </p>" 

und dann in meinem Javascript rufe beid Eigenschaften mit [ „Überschrift“, „para“] aber es zeigt nur den Absatz und nicht die Überschrift ..

zu tun

Wie kann ich sowohl die h1 und p Tags Seite ein div mit dieser?

Answer 1

Sie können die Eigenschaft innerHTML verwenden, um Ihre HTML-Strings zu erstellen, die den Inhalt des Zieldivs aufbauen.

var ajaxresponse = { 
 
"heading": "<h1> blah blah </h1>", 
 
"para": "<p> blah blah blah </p>" 
 
}; 
 

 
document.querySelector('#target_div').innerHTML = ajaxresponse.heading+ajaxresponse.para;

<div id="target_div"></div>