Output XML code with Jquery

Question

Consider the following script for outputting some XML code:

    var xmlAsString = '<?xml version="1.0"?><person><name gender="male"></name></person>';

    $(document).ready(function(){
        $(".generator").click(function(){
            alert(xmlAsString);
            $("#container").append("<div id='contXML'>"+xmlAsString+"</div>")
    });
    });

The alert outputs everything as I want but nothing shows later. If I put some random string variable (without the < > chars everything works fine).

Nicola Peluchetti · Accepted Answer · 2012-02-04 12:36:21Z

5

That's because you have to html encode your xml otherwise the browser tries to parse it. I use this simple function.

var xmlAsString = '<?xml version="1.0"?><person><name gender="male"></name></person>';
function htmlEncode(value){
  return $('<div/>').text(value).html();
}

$(document).ready(function() {
    $(".generator").click(function() {
        alert(xmlAsString);
        $("#container").append("<div id='contXML'>" + htmlEncode(xmlAsString) + "</div>")
    });
});

Fiddle here http://jsfiddle.net/DqDEU/

edited Feb 4, 2012 at 12:36

answered Feb 4, 2012 at 12:12

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

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

Collectives™ on Stack Overflow

Output XML code with Jquery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related