[danjel]

Jag försöker hitta ett lämpligt sätt att separera ut HTML kod från javascript
kod vid JSON anrop. Nu är lösningen den att man skapar html via DOM i själva loopen, typ:

// Process the JSON data returned from the server
var messages = [];
try {
messages = YAHOO.lang.JSON.parse(o.responseText);
}
catch (x) {
alert("JSON Parse failed!");
return;
}

YAHOO.log("PARSED DATA: " + YAHOO.lang.dump(messages));

// The returned data was parsed into an array of objects.
// Add a P element for each received message

for (var i = 0, len = messages.length; i < len; ++i) {
var m = messages[i];
var p = document.createElement('p');
var message_text = document.createTextNode(
m.company_name + ' says "' + m.company_name + '"');
p.appendChild(message_text);
msg_section.appendChild(p);
}


Men det jag vill göra på ett bra sätt är att ha HTML markupen för denna loop separerat
bort från javascript koden..

Har någon sett en bra lösning på detta?

[Vimp]

Det där ser ändå relativt smärtfritt ut. Hur vill du skriva ut det?

[danjel]

Ja skulle alltså vilja ha en html mall som man utgår ifrån, typ:

for (var i = 0, len = messages.length; i < len; ++i) {
var m = messages[i];

template.add("id", m.company_id);
template.add("name", m.company_name);

}

och så kanske man har en en tabell som är definierad i själva sidan,
så att man binder data från json till en html mall
Så det blir en renare separation..



<table id="template">
<tr>
<th>id</th>
<th>name</th>
</tr>
<tr>
<td id="company_id"><td>
<td id="company_name"><td>
</tr>
</table>


Kan fundera ut en lösning.. men om
det finns nån som gjort det så..

[Vimp]

Kan du få rådatan som XML istället för JSON? Då kan du använda en XSLT-template för att transformera texten så som du vill ha den.