ajax获取后台数据,页面Json数据按照json格式化输出
2017-03-07 18:19
435 查看
样式效果图:
2.页面代码:
3--------------------------------------------------------------------------分割,与上面实现效果无关,补充自己当时查询的一个资----------------------------------------------------------------------
来源:http://www.jianshu.com/p/5bcb1580ad9b
具体如下:
前端开发中,有时需要在html页面格式化输出js对象(服务器响应的json结果等),可以这样做:
4000
[/code]通过指定JSON.stringify()函数的第三个参数,可以控制对象序列化后的字符串的缩进。如果此参数是数值型,代表每层缩进字符数,最大是10(超过10时自动显示10个),同时此参数也可以是字符串
此时,我们只完成了第一步,即将一个对象按照指定缩进序列化,要想在html上显示需要将换行符和空格进行转义:
(2)
这里简单替换下换行和空白字符,注意要先替换换行,这样就可以在html上输出了
2.页面代码:
//查询出对应的源码进行展示 function querySource(label) { var url = base_path+"console/cfg/querySource"; $.ajax({ url:url, type:"post", data:{ "label":label, "tpl":configId }, datatype:"json", success:function (result) { //页面Json var mes = JSON.stringify(result, null, 4);//通过指定JSON.stringify()函数的第三个参数,可以控制对象序列化后的字符串的缩进。如果此参数是数值型,代表每层缩进字符数,最大是10(超过10时自动显示10个),同时此参数也可以是字符串 $("#ifreamMass").empty(); $("#ifreamMass").append("<textarea style='width: 100%;min-height: 666px;overflow: auto'>" + mes + "</textarea>"); } }); }
3--------------------------------------------------------------------------分割,与上面实现效果无关,补充自己当时查询的一个资----------------------------------------------------------------------
来源:http://www.jianshu.com/p/5bcb1580ad9b
具体如下:
前端开发中,有时需要在html页面格式化输出js对象(服务器响应的json结果等),可以这样做:
(1)var objStr = JSON.stringify(toDisplayInHtml, null, 4);
4000
[/code]通过指定JSON.stringify()函数的第三个参数,可以控制对象序列化后的字符串的缩进。如果此参数是数值型,代表每层缩进字符数,最大是10(超过10时自动显示10个),同时此参数也可以是字符串
此时,我们只完成了第一步,即将一个对象按照指定缩进序列化,要想在html上显示需要将换行符和空格进行转义:
(2)
var html = objStr.replace(/\n/g, '<br>').replace(/\s/g, ' ');
这里简单替换下换行和空白字符,注意要先替换换行,这样就可以在html上输出了
相关文章推荐
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- ashx 获取ajax Post到后台json数据
- jsp页面ajax后台取得json数据更新到页面下拉列表
- Ajax在静态页面中向指定url发送json请求获取返回的json数据
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- js获取后台json数据显示在jsp页面元素
- MVC使用ajax异步刷新时怎样输出从后台中传过来的JSON数据
- Play framework后台处理页面传过来的AJAX-JSON数据并给出响应
- Ext2.2+json+jsp获取后台数据的问题 --Ajax
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- js页面用定时任务通过AJAX获取后台数据,但是从这个页面跳转到其他页面后,定时任务仍然在定时请求后台
- Ajax调用查看页面的后台返回json格式数据