How to create a XML using jquery?

Question

I want to copy the data from text area and want to create a XML using that data in Jquery. To copied it from text area i wrote the following code in Jquery:

<script type="text/javascript">
     function paste_data() {
         var text = $('#all').val();
         alert(text);

     }
</script>

// all is the id of the text area.

When i print the data it shows me in following format:

406450 8 first
43333  89 second
987 90 third-fourth

Now i want to create a XML using the above data in javascript or Jquery using the following format. So that i can use it further.

<row dc = "406450" al="8" msg="first" />
<row dc = "43333" al="89" msg="second" />
<row dc = "987" al="90" msg="third-forth" /> ....and so on

I don't know whether it is possible or not, but what about the split function?

you can surely split the format where ever you have a space in the string. but that means you trust the user to have made the input correct. Why not using 3 textboxes for every node in the xml? — Sven Bieder
– Sven Bieder, Commented Aug 21, 2012 at 11:18
@SvenBieder Actually i am newbie in Jquery and xml. Yes the user will enter into the above format. and didn't got the 3 textboxes example in xml — Amit Pal
– Amit Pal, Commented Aug 21, 2012 at 11:20

John Conde · Accepted Answer · 2012-08-21 12:52:13Z

2

You can split it like this to get a 2-dimensional array

text = text.split('\n'); // split with newline to get the three lines separate
text = text.map(function(line) {
  return line.split(' ');
});

Now text should look like:

[
  [406450,8,'first'],
  [43333,89,'second'],
  [987,90,'third-fourth']
]

Now you parse that to strings and then concat the strings to form the document

var xml = text.map(function(arr) {
  return "<row dc='"+arr[0]+"' al='"+arr[1]+"' msg='"+arr[2]+"' />"   
});
xml = xml.join(''); // results in a well-formed xml-string, hopefully

Then just use jQuery's parseXML -function to form that into an xml-document

var xmlDoc = $.parseXML(xml);

Et voilà, now you have created a xml-document! Now if you want to manipulate that doc with jquery, just wrap it:

var $xmlDoc = $(xmlDoc);

edited Aug 21, 2012 at 12:52

John Conde

220k100 gold badges464 silver badges504 bronze badges

answered Aug 21, 2012 at 11:22

jakee

18.6k3 gold badges39 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jakee Over a year ago

well, split should produce an array and arrays have the function map (from Javascript 1.6 onwards). So console.log text to see if it truly is an array and what its contents are. If you're boasting some old version of chrome/firefox, then update asap and try again.

Collectives™ on Stack Overflow

How to create a XML using jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related