Convert String to XML Document in JavaScript

by

Wrap it in a jQuery object. Then use jQuery’s normal DOM manipulation methods on it.

var t = $('<foo><bar>something</bar></foo>');

//loop over 'bar' nodes
t.find('bar').each(function () {
    alert($(this).text());
});

If you want to convert it back to a plain string (after modifying it for example) you can do it like so:

//then convert it back to a string
//for IE 
if (window.ActiveXObject) {
    var str = t.xml;
    alert(str);
 }
// code for Mozilla, Firefox, Opera, etc.
else {
   var str = (new XMLSerializer()).serializeToString(t);
   alert(str);
}

EDIT: The $.ajax manual says (on the processData option):

By default, data passed in to the data
option as an object (technically,
anything other than a string) will be
processed and transformed into a query
string, fitting to the default
content-type
“application/x-www-form-urlencoded”.
If you want to send DOMDocuments, or
other non-processed data, set this
option to false.

So if you’re passing a jQuery object to the server, you’ll need to set that to true, or omit it altogether (it is set to true by default). Hope that helped.

More Related Contents:

  1. Why does jQuery or a DOM method such as getElementById not find the element?
  2. How do I set/unset a cookie with jQuery?
  3. How do I select text nodes with jQuery?
  4. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  5. Check if an image is loaded (no errors) with jQuery
  6. Get selected text from a drop-down list (select box) using jQuery
  7. How can I select an element by name with jQuery?
  8. How to hide a in a menu with CSS?
  9. How to parse XML using jQuery?
  10. Find DOM element by ID when ID contains square brackets?
  11. Finding line-wraps
  12. How to calculate the XPath position of an element using Javascript?
  13. Check if option is selected with jQuery, if not select a default
  14. How to check if an embedded SVG document is loaded in an html page?
  15. Is there a DOM event that fires when an HTML select element is closed?
  16. AngularJS: How to run additional code after AngularJS has rendered a template?
  17. jQuery .find() doesn’t return data in IE but does in Firefox and Chrome
  18. Is there any “on DOM change” event? [duplicate]
  19. jQuery events .load(), .ready(), .unload()
  20. Converting a recursive function into an asynchronous CPS implementation (javascript)
  21. How to stop event bubbling with jquery live?
  22. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  23. DOM Mutation event in JQuery or vanilla Javascript
  24. Uncaught TypeError: Cannot read property ‘top’ of undefined
  25. How to remove DOM elements without memory leaks?
  26. How can I get access to a Highcharts chart through a DOM-Container?
  27. How can I remove wrapper (parent element) without removing the child?
  28. Generate XML document in-memory with JavaScript
  29. parse xml response with jQuery
  30. Looping through Markers with Google Maps API v3 Problem

Leave a Comment