明明很简单的东西，可惜网上一大堆废话。在此记录，转需。

 jsonStr = JSON.stringify(jsondata,null,);

example:

<!doctype html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->

<!--[if lt IE 7 ]>

<html class="no-js ie6" lang="en"> <![endif]-->

<!--[if IE 7 ]>

<html class="no-js ie7" lang="en"> <![endif]-->

<!--[if IE 8 ]>

<html class="no-js ie8" lang="en"> <![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->

<html class="no-js" lang="en"> <!--<![endif]-->

<head>

    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame

         Remove this if you use the .htaccess -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>flow CURD测试</title>

    <!-- Mobile viewport optimized: j.mp/bplateviewport -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- CSS: implied media="all" -->

    <load href="/api/Application/Habo_v2/View/Index/style.css"/>

    <load href="__PUBLIC__/css/bootstrap.min.css" />

    <load href="__PUBLIC__/js/jquery.js" />

    <load href="__PUBLIC__/js/bootstrap.min.js" />

    <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->

</head>

<body class="home">

<div class="container">

    <header>

        <h3>flow CURD 接口测试</h3>

    </header>

    <form>

        <div class="form-group">

            <label for="flowid">FlowId:</label>

            <input id="flowid" type="text" class="form-control" placeholder="input flowid here">

        </div>

        <div class="form-group">

            <label for="flowdata">Example jsondata</label>

            <textarea id="flowdata" class="form-control bg-muted code" rows="18" placeholder="Input flow json data here"></textarea>

        </div>

        <div class="form-group row">

            <button id="createflow" type="button" class="btn btn-primary col-md-2 col-md-offset-2">新建</button>

            <button id="updateflow" type="button" class="btn btn-primary col-md-2">修改</button>

            <button id="searchflow" type="button" class="btn btn-primary col-md-2">查找</button>

            <button id="deleteflow" type="button" class="btn btn-primary col-md-2">删除</button>

        </div>

    </form>

    <div class="clear"></div>

</div>

<footer>

    <div id="footer">

        Copyright &copy;

        <script type="text/javascript">

            d = new Date();

            document.write(d.getFullYear());

        </script>

        <span>Habo, Inc. All rights reserved.</span><br/>

        Generated by <a href="http://Habo.oa.com">Habo</a>.

    </div>

</footer>

</div> <!--! end of #container -->

<script>

    $(function(){

        $("#searchflow").click(function(){

            var flow_id = $("#flowid").val();

            var param = {

                'flow_id' : flow_id

            };

            console.log("flowID",flow_id);

            $.getJSON("/api/index.php/Habo_v2/DiyApi/getFlowData",data=param, function(jsondata){

                jsonStr = JSON.stringify(jsondata,null,4);

                $("#flowdata").val(jsonStr);

                console.log("flowData: ",jsondata);

            });

        });

    })

</script>

</body>

</html>

利用js将 json对象在textarea中赋值与展示的更多相关文章

  1. js 替换json对象中的键名

      js 替换json对象中的键名 CreateTime--2018年3月30日15:38:50 Author:Marydon 情景描述: 有个json数组,现在需要将json对象中的key替换掉,值 ...

  2. 类对象传输到jsp页面。需要转换为js的json对象时，这么做。

    场景:要从一个列表中选择信息,填写入父页面的表单中,但是字段非常多... 后台查询,得到结果,放在列表中. 效果:点击选择产品.. 弹出页面:点击后面的选择产品 选择产品后:信息自动填充.. 实现:点 ...

  3. Js拼Json对象

     我们通常会拼字符串,但是拼字符串的话,遇见占位符会出错.  下面分享一个拼js拼json对象的方法:          var jsonArr = [];                     $ ...

  4. js遍历json对象

    原生js遍历json对象 遍历json对象: 无规律: <script> var json = [ {dd:'SB',AA:'东东',re1:123}, {cccc:'dd',lk:'1q ...

  5. JAVA利用反射映射JSON对象为JavaBean

    关于将JSONObject转换为JavaBean,其实在JSONObject中有对于的toBean()方法来处理,还可以根据给定的JsonConfig来处理一些相应的要求,比如过滤指定的属性 //返回 ...

  6. js 将json对象转成字符串

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. javascript、js操作json对象和字符串互相转换方法

    相信前端的同学们对json并不陌生,接触过很多.但是很少人知道json的全称是什么,哈哈,我也是查资料知道的.(JSON JavaScript Object Notation是一种轻量级的数据交换格式 ...

  8. js：JSON对象与JSON字符串转换

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式. 同时,JSON是 JavaScript 原生格式,这 ...

  9. 【Js】JSON对象、JSON字符的使用总结

    JSON对象 / JSON字符串区别 抛出一个最常见的疑问:什么是“JSON对象”,什么是“JSON字符串”,它俩的区别是什么? 废话不多说,直接上代码. 1.JSON对象: // javascrip ...

随机推荐

  1. Linux下编译使用boost库：

    Boost是什么不多说, 下面说说怎样在Linux下编译使用Boost的所有模块. 1. 先去Boost官网下载最新的Boost版本, 我下载的是boost_1_56_0版本, 解压. 2. 进入解压 ...

  2. Andorid面试问题整理

    Acitivty的四中启动模式与特点. standard:默认的启动模式 singleTop:适合那种接受通知启动的页面,比如新闻客户端之类的,可能会给你推送好几次 ,但是每次都是打开同一张页面调用o ...

  3. C#学习之初步理解委托、事件、匿名方法和Lambda

    最经在学习LinqtoSql,然后扯到Lambda表达式,然后扯到匿名方法,然后扯到委托,最后扯到事件处理...后来发现对委托这个概念和事件处理这个过程理解得不是很清晰,遂得一下学习笔记.那里说得不对 ...

  4. ruby杂记

    ruby基本类中的方法:puts Object.private_instance_methods

  5. Create STATISTICS，UPDATE STATISTICS

    该命令在一张表或者索引了的视图上更新查询优化统计数字信息. 默认情况下, 查询优化器已经更新了必要的用来提高查询计划的统计信息; 在某些情况下, 你可以通过使用UPDATE STATISTICS 命令 ...

  6. docker 使用redis

    1. 安装 centos 7 yum install  docker 2. 启动 修改配置: nano  /etc/sysconfig/docker 添加一下信息: OPTIONS='--selinu ...

  7. redis操作

    测试环境redis操作 cd /export/servers/redis-2.8.9/src/./redis-cli -n 0 keys keys(pattern):返回满足给定pattern的所有k ...

  8. js停止冒泡和阻止浏览器默认行为

    停止冒泡通用方法: function stopBubble(e) { //如果提供了事件对象,是非IE浏览器 if ( e && e.stopPropagation ) //使用W3C ...

  9. Oracle对索引列同时使用多个聚合函数的性能问题

    Oracle某一数据表tkk715(数据量在一千万左右),对一个索引字段做获取最大值与最小值的聚合函数操作,响应时间较长(超过3秒): 将SQL改写为分别取最大.最小的聚合值,IO和响应时间显著下降到 ...

  10. Linux 下增大tomcat内存

    我的服务器的配置: # OS specific support.  $var _must_ be set to either true or false. JAVA_OPTS="-Xms10 ...