使用Jquery输出XML代码

Output XML code with Jquery

本文关键字：代码 XML 输出 Jquery 使用      更新时间：2023-09-26

考虑以下脚本来输出一些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>")
    });
    });

警报会按照我的要求输出所有内容，但稍后不会显示任何内容。如果我放入一些随机字符串变量（没有<>字符，一切都很好）。

这是因为你必须对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>")
    });
});

Fiddle herehttp://jsfiddle.net/DqDEU/

相关文章：