js格式化显示xml

绝地灬酷狼 2023-09-24 12:16 6阅读 0赞

本文实例讲述了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程序设计有所帮助。

js格式化显示xml

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 xml格式化(HTML代码格式化)

相关 xml格式化 java_Java XML格式化程序

相关 xml格式化，xml格式化代码

相关使用Notepad++的XML Tools插件格式化显示XML文件

相关 js格式化显示xml

相关 PHP实现浏览器格式化显示XML的方法示例

相关 xml格式化 java_Java XML格式化程序

相关 js格式化显示时间

相关页面JS格式化xml报文

相关 Java 格式化 XML