JS格式化XML,HTML显示格式化后的内容

需求：后台返回xml数据到前端，前端格式化xml后显示

格式化前：

<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?><result><code>返回码</code><msg>返回消息内容</msg></result>

格式化后：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<result>
  <code>返回码</code>
  <msg>返回消息内容</msg>
</result>

方法

1.html中定义一个div，用于展示xml数据

<div id="result"></div>

2.ajax请求后台返回xml数据后，进行格式化操作

$.ajax({
	type: 'POST',
	url: '/static/doc/debug',
	data: {},
	contentType: "application/json;charset=utf-8",
	success: function (data) {
		console.log(data);
		if(data.success){
			var xml_formatted = formatXml(data.data.result);
			$("#result").html(xml_formatted.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/ /g, '&nbsp;').replace(/\n/g,'<br />'));
		}
	}
});

function formatXml(xml) {
	var formatted = '';
	var reg = /(>)(<)(\/*)/g;
	xml = xml.replace(reg, '$1\r\n$2$3');
	var pad = 0;
	jQuery.each(xml.split('\r\n'), function(index, node) {
		var indent = 0;
		if (node.match( /.+<\/\w[^>]*>$/ )) {
			indent = 0;
		} else if (node.match( /^<\/\w/ )) {
			if (pad != 0) {
				pad -= 1;
			}
		} else if (node.match( /^<\w[^>]*[^\/]>.*$/ )) {
			indent = 1;
		} else {
			indent = 0;
		}
		var padding = '';
		for (var i = 0; i < pad; i++) {
			padding += '  ';
		}
		formatted += padding + node + '\r\n';
		pad += indent;
	});
	return formatted;
}

其中部分内容借鉴于网络