ansaurus

Question

Manipulating a variable containing XML with jQuery?

Answer 1

+1 A:

This works for me.

<html>
<head>
  <title>Test Page</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
    $(function()
    {
    var data = null;
    $.ajax({
        type:"GET",
        url:"sample.xml",
        dataType: 'xml',
        success:function(msg)
        {
           init( $(msg) );
        }
    });

    function init( $xml )
    {
      var $myElement = $xml.find( '#myElement' );
      $myElement.removeAttr( 'class' );
      console.log( $myElement );
    }
    });
    </script>
</head>

<body>

</body>
</html>

And here's sample.xml

<?xml version="1.0" encoding="UTF-8"?>
<root>
<div>

</div>
<div>
<p id = "myElement" class = "hidden">
  Test!
</p>
</div>
</root>

so make sure you are requesting with "xml" as the dataType option, and that your JSP page returns the content with the correct Content-Type header (text/xml)

Peter Bailey 2009-09-28 22:16:55

*repeatedly clicks up vote, hoping it might shoot to 100.*Content-type on a jsp response header. What a subtle bug.

Stefan Kendall 2009-09-28 22:47:00

Also be aware of the possibility of needing to use msg.d instead of just msg. http://encosia.com/2009/02/10/a-breaking-change-between-versions-of-aspnet-ajax/

Maslow 2010-02-17 14:52:48

ansaurus

tags:

views:

answers:

Manipulating a variable containing XML with jQuery?

related questions