*** Nadie pudo responder a esta pregunta, así que otra hora de búsqueda en Google y la respuesta es el motor de plantillas del lado del cliente de Moustache.

Espero que ayude a alguien.

He buscado un poco en Google, aproximadamente 6 horas, puedo asegurarle que esta pregunta nunca ha sido respondida correctamente.

Si tengo una carga de comentarios JSON, ¿cuál es la forma más elegante, limpia y eficiente de devolver los elementos html a la página usando javascript/jQuery?

Por ejemplo;

 jsonComments = {"comments": [{"username":"bob", "location":"Earth", "comment":"hello"}, {"username":"bob", "location":"Earth", "comment":"hello"}, {"username":"bob", "location":"Earth", "comment":"hello"}, {"username":"bob", "location":"Earth", "comment":"hello"}] $.each( response.payload, function( i, val ) { var comment = "<div class='comments-wrapper'><div>" + username + "</div><div>" + location + "</div><div>" + comment + "</div></div>"; $('#comments').append(comment); });

eso es absolutamente horrible, quiero que html esté en su propia página escondido en algún lugar fuera de la función. Por ejemplo, en php solo usaría

 foreach($comments as $comment) { ob_start(); include('commentsBox.php'); $comment = ob_get_contents(); ob_end_clean(); echo $comment; }

y dentro de commentsBox.php

 <?php ?> <div class="comments-wrapper"> <div><?=$comment["username"]; ?></div> <div><?=$comment["location"]; ?></div> <div><?=$comment["comment"]; ?></div> </div>

Necesidad y ordenado y hermoso. ¿Cómo logro los mismos resultados con javascript ADEMÁS de usar cualquier cosa que tenga que ver con node.js? Todavía no tengo la habilidad suficiente para seguir ese camino. es posible?

¿O hay una buena manera de hacerlo mientras todavía usa php y javascript juntos, sin, como dije, agregar todo el html a un json y devolverlo de esa manera, porque eso también es asqueroso?

Gracias