使用Jquery输出XML代码

时间:2012-02-04 12:06:10

标签: javascript jquery html xml

考虑使用以下脚本输出一些XML代码:

    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>")
    });
    });

警报按我的要求输出所有内容但稍后没有显示。如果我放一些随机字符串变量(没有&lt;&gt;字符,一切正常)。

1 个答案:

答案 0 :(得分:5)

那是因为你必须对你的xml进行html编码,否则浏览器会尝试解析它。我使用这个简单的功能。

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>")
    });
});

在此处http://jsfiddle.net/DqDEU/