js格式化显示xml

本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考，具体如下：
　　格式化json实例
　　原生js格式化json的方法
　　//格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好
　　var formatJson=function (json, options) {
　　var reg=null,
　　formatted='',
　　pad=0,
　　PADDING=' ';
　　options=options || {};
　　options.newlineAfterColonIfBeforeBraceOrBracket=(options.newlineAfterColonIfBeforeBraceOrBracket===true) ? true : false;
　　options.spaceAfterColon=(options.spaceAfterColon===false) ? false : true;
　　if (typeof json !=='string') {
　　json=JSON.stringify(json);
　　} else {
　　json=JSON.parse(json);
　　json=JSON.stringify(json);
　　}
　　reg=/([\{\}])/g;
　　json=json.replace(reg, '\r
　　$1\r
　　');
　　reg=/([\[\]])/g;
　　json=json.replace(reg, '\r
　　$1\r
　　');
　　reg=/(\,)/g;
　　json=json.replace(reg, '$1\r
　　');
　　reg=/(\r
　　\r
　　)/g;
　　json=json.replace(reg, '\r
　　');
　　reg=/\r
　　\,/g;
　　json=json.replace(reg, ',');
　　if (!options.newlineAfterColonIfBeforeBraceOrBracket) {
　　reg=/\:\r
　　\{/g;
　　json=json.replace(reg, ':{');
　　reg=/\:\r
　　\[/g;
　　json=json.replace(reg, ':[');
　　}
　　if (options.spaceAfterColon) {
　　reg=/\:/g;
　　json=json.replace(reg, ':');
　　}
　　(json.split('\r
　　')).forEach(function (node, index) {
　　var i=0,
　　indent=0,
　　padding='';
　　if (node.match(/\{$/) || node.match(/\[$/)) {
　　indent=1;
　　} else if (node.match(/\}/) || node.match(/\]/)) {
　　if (pad !==0) {
　　pad -=1;
　　}
　　} else {
　　indent=0;
　　}
　　for (i=0; i < pad; i++) {
　　padding +=PADDING;
　　}
　　formatted +=padding + node + '\r
　　';
　　pad +=indent;
　　}
　　);
　　return formatted;
　　};
　　//引用示例部分
　　//(1)创建json格式或者从后台拿到对应的json格式
　　var originalJson=;
　　//(2)调用formatJson函数,将json格式进行格式化
　　var resultJson=formatJson(originalJson);
　　//(3)将格式化好后的json写入页面中
　　document.getElementById("writePlace").innerHTML='
　　' +resultJson + '
　　';
　　这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：
　　{
　　"name":"binginsist",
　　"sex":"男",
　　"age":"25"
　　}
　　格式化xml实例
　　在格式化XML时后台需要对返回数据做一下处理：
　　StringEscapeUtils.escapeHtml(po.getMsgBody())
　　原生js格式化xml的方法
　　//格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好
　　String.prototype.removeLineEnd=function () {
　　return this.replace(/(<.>
    
　　}
　　function formatXml(text) {
　　//去掉多余的空格
　　text='
　　' + text.replace(/()/g, function ($0, name, props) {
　　return name + ' ' + props.replace(/\s+(\w+=)/g, " $1");
　　}).replace(/>\s*?
　　//把注释编码
　　text=text.replace(/
　　/g, '\r').replace(//g, function ($0, text) {
　　var ret='';
　　//alert(ret);
　　return ret;
　　}).replace(/\r/g, '
　　');
　　//调整格式
　　var rgx=/
　　(|\s*?(/)>)(?:.*?(?:(?:(/)>)|(?:)))?)/mg;
　　var nodeStack=[];
　　var output=text.replace(rgx, function ($0, all, name, isBegin, isCloseFull1, isCloseFull2, isFull1, isFull2) {
　　var isClosed=(isCloseFull1=='/') || (isCloseFull2=='/' ) || (isFull1=='/') || (isFull2=='/');
　　//alert([all,isClosed].join('='));
　　var prefix='';
　　if (isBegin=='!') {
　　prefix=getPrefix(nodeStack.length);
　　}
　　else {
　　if (isBegin !='/') {
　　prefix=getPrefix(nodeStack.length);
　　if (!isClosed) {
　　nodeStack.push(name);
　　}
　　}
　　else {
　　nodeStack.pop();
　　prefix=getPrefix(nodeStack.length);
　　}
　　}
　　var ret='
　　' + prefix + all;
　　return ret;
　　});
　　var prefixSpace=-1;
　　var outputText=output.substring(1);
　　//alert(outputText);
　　//把注释还原并解码，调格式
　　outputText=outputText.replace(/
　　/g, '\r').replace(/(\s*)/g, function ($0, prefix, text) {
　　//alert(['[',prefix,']=',prefix.length].join(''));
　　if (prefix.charAt(0)=='\r')
　　prefix=prefix.substring(1);
　　text=unescape(text).replace(/\r/g, '
　　');
　　var ret='
　　' + prefix + '';
　　//alert(ret);
　　return ret;
　　});
　　return outputText.replace(/\s+$/g, '').replace(/\r/g, '\r
　　');
　　}
　　function getPrefix(prefixIndex) {
　　var span=' ';
　　var output=[];
　　for (var i=0; i < prefixIndex; ++i) {
　　output.push(span);
　　}
　　return output.join('');
　　}
　　//引用示例部分
　　//(1)创建xml格式或者从后台拿到对应的xml格式
　　var originalXml='
     ToveJaniReminder Dont forget me this weekend! ';
　　//(2)调用formatXml函数,将xml格式进行格式化
　　var resultXml=formatXml(originalXml);
　　//(3)将格式化好后的formatXml写入页面中
　　document.getElementById("writePlace").innerHTML='
　　' +resultXml + '
　　';
　　这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：
　　Tove
　　Jani
　　Reminder
　　Dont forget me this weekend!
　　PS：这里再为大家提供几款关于xml与json操作的在线工具供大家参考使用：
　　希望本文所述对大家JavaScript程序设计有所帮助。