怎么在JavaScript中对json和xml进行格式化

  介绍

今天就跟大家聊聊有关怎么在JavaScript中对json和xml进行格式化,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

<强>格式化json实例

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title>原生js格式化json的方法& lt;/title>   & lt;/head>   & lt; body>   & lt; !——格式化后的json写入的位置——比;   & lt; div  id=皐ritePlace"祝辞& lt;/div>   & lt; script>   ,//格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好   ,var  formatJson =, function  (json,选项),{   var 才能;reg =,空,   ,,,formatted =, & # 39; & # 39;   ,,,pad =, 0,   ,,,PADDING =, & # 39;, & # 39;;   时间=options 才能;options  | |, {};   options.newlineAfterColonIfBeforeBraceOrBracket 才能=,(options.newlineAfterColonIfBeforeBraceOrBracket ===,真的),?,true :,假;   options.spaceAfterColon 才能=,(options.spaceAfterColon ===, false), ?, false :,真的;   if 才能;(typeof  json  !==, & # 39;字符串# 39;),{   ,,json =, JSON.stringify (json);   ,,},{else    ,,json =, JSON.parse (json);   ,,json =, JSON.stringify (json);   ,,}   reg 才能=,/((\ {\}))/g;   json 才能=,json.replace (reg, & # 39; \ r \ n \ r \ n 1美元# 39;);   reg 才能=,/((\ [\]])/g;   json 才能=,json.replace (reg, & # 39; \ r \ n \ r \ n 1美元# 39;);   时间=reg 才能;/(\)/g;   json 才能=,json.replace (reg, & # 39; 1美元\ r \ n # 39;);   reg 才能=,/(\ r \ n \ r \ n)/g;   json 才能=,json.replace (reg, & # 39; \ r \ n # 39;);   时间=reg 才能;/\ r \ n \/g;   json 才能=,json.replace (reg, & # 39; & # 39;);   if 才能;(! options.newlineAfterColonIfBeforeBraceOrBracket), {   ,,reg =,/\ \ r \ n \ {/g;   ,,json =, json.replace (reg, & # 39;: {& # 39;);   ,,reg =,/\ \ r \ n \ [/g;   ,,json =, json.replace (reg, & # 39;: [& # 39;);   ,,}   if 才能;(options.spaceAfterColon), {   ,,reg =,/\:/g;   ,,json =, json.replace (reg, & # 39;: & # 39;);   ,,}   (才能json.split (& # 39; \ r \ n # 39;)) .forEach (function (节点,指数),{   ,,,,var 小姐:=,0,   ,,,,,,indent =, 0,   ,,,,,,padding =, & # 39; & # 39;;   ,,,,if  (node.match(/\{/美元),| |,node.match (/\ [$/)), {   ,,,,,indent =, 1;   ,,,,},else  if  (node.match (/\}/), | |, node.match (/\])), {   ,,,,,if  (pad  !==, 0), {   ,,,,,,pad  -=, 1;   ,,,,,}   ,,,,},{else    ,,,,,indent =, 0;   ,,,,}   ,,,,for (小姐:=,0;,小姐:& lt;,垫;,我+ +),{   ,,,,,padding  +=,填充;   ,,,,}   ,,,,formatted  +=, padding  +, node  +, & # 39; \ r \ n # 39;;   ,,,,pad  +=,缩进;   ,,,}   ,,);   return 才能,格式化;   ,};   ,//引用示例部分   ,//(1)创建json格式或者从后台拿到对应的json格式   ,var  originalJson =, {“name":“binginsist",,“sex":,“男”,,“age":,“25“};   ,//(2)调用formatJson函数,将json格式进行格式化   ,var  resultJson =, formatJson (originalJson);   ,//(3)将格式化好后的json写入页面中   ,. getelementbyid (“writePlace") .innerHTML =, & # 39; & lt; pre> & # 39;, + resultJson  +, & # 39; & lt;前/祝辞& # 39;;   & lt;/script>   & lt;/body>   & lt;/html>

这里使用<强>在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:

{
,,,“name":“binginsist",
,,,“sex":“男“,
,,,“age":“25“
}

<强>格式化xml实例

在格式化xml时后台需要对返回数据做一下处理:

StringEscapeUtils.escapeHtml (po.getMsgBody ()) & lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title>原生js格式化xml的方法& lt;/title>   & lt;/head>   & lt; body>   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

怎么在JavaScript中对json和xml进行格式化