jQuery and xml / html output
Hello
Im new to javascripting / jquery but do have basic working knowledge of (html/perl/powershell/vb), so can grasp basic coding concepts.
I am trying to parse an xml file and get some data to be displayed in the wbe page's table section. This all works from googling most of what I am trying to achive and it works : -) , but I would like the data it collects to be displayed into different lines in the html table, and this is where my lack of know-how is stopping me in my tracks.
The data, which I want is the id and the name from the xml file, these are displayed all on one line, I have tried to add <br> but without success, so does anyone have any pointers that could help me do this. I am not a seasoned java scripter nor programmer, but can keep up...albeit slowly.
JavaScript Code
//This is the file jquery gets the data from
function myGetXmlData() {
$.ajax({
type: "GET",
url: "xml/auto_assignment_list.xml",
dataType: "xml",
success: xmlParser
});
}
//this is the function to get the specific data and then pass it to the html table id
function xmlParser(xml) {
$(xml).find('auto_assignment_list').each(function () {
var $show = $(this);
var data = {
id: $show.find('id').text() ,
name: $show.find('name').text() ,
};
var row = $('<tr />');
for (var prop in data) {
$('<td>' + data[prop] + '</td>').appendTo(row);
}
$('#t01').append(row);
});
}
The output lookes like this and the name is the same in that its not on seperate lines
(Id cell)
038aeb37-550e-4a02-b8a7-249e45ee4d2e56a25f17-b668-43ab-a306-8b4e0529ec82dbb84ace-f18f-4ad5-aecb-109f124635279547605e-8338-43c1-92ac-072c07fb09c265fb8548-c7e6-4f1b-b14e-3a4ba86ef201b21861ee-a90e-41cf-b6bf-fbfbf29acc48
It should be like
038aeb37-550e-4a02-b8a7-249e45ee4d2e
56a25f17-b668-43ab-a306-8b4e0529ec82
etc etc
I understand I may need to split the data, but im out of my depth here in terms of how to do this..
Any help would appricated.
Dee