JSON Get Abfrage und HTML Ausgabe

[dennis-sauer]

Hallo zusammen,

ich nutze diese Funktion um an ein paar Values zu kommen

	setInterval(function(){    
    $.getJSON('data.json', function (data) {
        var output = '<strong>Personen</strong>';
        $.each(data, function (key, val) {
            output += '<a href="#"><span class="user-status ' + val.color + ' "></span><em>' + val.name + '</em></a>';
        });
        $('#group-1').html(output);  // replace all existing content
    });
}, 1000);

Jetzt habe ich allerdings noch ein wenig mehr HTML Code u.a. das hier

<div class="chat-conversation">				
<div class="conversation-header">	
		
<a href="#" class="conversation-close"><i class="entypo-cancel"></i></a>						

<span class="user-status"></span>			
<span class="display-name"></span> 
	
<small></small>		
</div>
				
<ul class="conversation-body"></ul>
			
</div>

Muss ich das alles in die o.g. Funktion bauen oder kann ich die Variablen auch anderweitig auf der Seite benutzen?

Falls ich alles oben eingeben muss, muss ich alles in einer Zeile schreiben? Wenn ich zur Übersichtlichkeit (nur im Quelltext) einen Zeilensprung einbaue, geht der ganze Code nicht mehr.

Grüße

 

[ComFreek]

Hallo,

Wenn ich zur Übersichtlichkeit (nur im Quelltext) einen Zeilensprung einbaue, geht der ganze Code nicht mehr.

Hast du es in etwa so probiert?

"aaa
bbb"

Diese Syntax ist in JavaScript nicht erlaubt.


Du hast zwei Möglichkeiten:

• du fügst deinen Code (auch Template genannt, da du Variablen 'reinschmuggelst') in deine Funktion ein
• oder - viel eleganter und zu bevorzugen - du benutzt eine Template-Engine, z.B. Handlebars.