Jquery格式化显示Json数据
2017-03-15 10:00
405 查看
使用方法
转换方法
ajaxPostJson("/ProductInfo/GetClientConfig", { platformId:plateformId }, function (data) { var json=data.data; if (data.isSuccess) { $('.wrap').text( formatJson(json) ); } else { } });
转换方法
var formatJson = function(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ' '; // one can also use '\t' or a different number of spaces // optional settings options = options || {}; // remove newline where '{' or '[' follows ':' options.newlineAfterColonIfBeforeBraceOrBracket = (options.newlineAfterColonIfBeforeBraceOrBracket === true) ? true : false; // use a space after a colon options.spaceAfterColon = (options.spaceAfterColon === false) ? false : true; // begin formatting... // make sure we start with the JSON as a string if (typeof json !== 'string') { json = JSON.stringify(json); } // parse and stringify in order to remove extra whitespace json = JSON.parse(json); json = JSON.stringify(json); // add newline before and after curly braces reg = /([\{\}])/g; json = json.replace(reg, '\r\n$1\r\n'); // add newline before and after square brackets reg = /([\[\]])/g; json = json.replace(reg, '\r\n$1\r\n'); // add newline after comma reg = /(\,)/g; json = json.replace(reg, '$1\r\n'); // remove multiple newlines reg = /(\r\n\r\n)/g; json = json.replace(reg, '\r\n'); // remove newlines before commas reg = /\r\n\,/g; json = json.replace(reg, ','); // optional formatting... if (!options.newlineAfterColonIfBeforeBraceOrBracket) { reg = /\:\r\n\{/g; json = json.replace(reg, ':{'); reg = /\:\r\n\[/g; json = json.replace(reg, ':['); } if (options.spaceAfterColon) { reg = /\:/g; json = json.replace(reg, ': '); } $.each(json.split('\r\n'), function(index, node) { 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\n'; pad += indent; }); return formatted; };
相关文章推荐
- jquery-ajax请求后台数据转换json显示在select下拉列表
- 使用jQuery解析JSON数据(jquery在前台对从后台获取到的json数据进行解析,并进行显示)
- Java Servlet生成JSON格式数据并用jQuery显示的方法
- Jquery中ajax传输json数据显示undefined错误
- jquery显示json数据
- jQuery+json,分页显示数据列表,HTML+CSS,固定表头
- 关于jquery解析json数据时动态追加tr 指定条数换行问题 实现list的 并列显示效果
- Java Servlet生成JSON格式数据并用jQuery显示的方法
- Jquery datatable jsonp 显示后台json数据
- Highcharts、AJAX、JSON、JQuery实现动态数据交互显示图表柱形图
- jquery-ajax请求action读取oracle数据库clob字段xml数据格式化显示(struts2)
- 解决easyui 中显示Date类型数据为[object Object],json中格式化日期
- jquery 传递数组到后台 及 获取后台JSON数据并显示
- Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图
- JQuery将DataTable list<>数据转换成JSON数据 动态创建表格显示数据
- jquery里面调用getjson方法,将list类型转换为json格式数据,在页面迭代显示
- Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图
- Highcharts AJAX JSON JQuery 实现动态数据交互显示图表
- JQuery将DataTable list<>数据转换成JSON数据 动态创建表格显示数据