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

 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. 归档-ios

    /****普通对象归档**/ NSString *homePath=NSHomeDirectory(); NSString *fileName=@"test.vse"; NSStr ...

  2. asp.net之ajax

    ajax主要的作用是无刷新的情况进行提交. 常用于客户端组件信息的提交.服务器组件在asp.net中能够正常的提交,而html组件则不能正常提交,在此情况下,就可以采用jquery的方式进行数据的异步 ...

  3. 016. asp.net的验证控件

    RequiredFileldValidator: 检查某个字段是否输入; 空值检查 主要属性: ControlToValidate:要验证的控件 ErrorMessage:错误提示信息 Compare ...

  4. js移动焦点到最后

      当输入框(input/textarea)获得焦点时,将焦点移动到最后,在某些情况下用户体验很好.网上的大部分方法都是针对IE浏览器的.代码如下: var el = document.getElem ...

  5. Java的大数操作分为BigInteger和BigDecimal

    Java的大数操作分为BigInteger和BigDecimal,但这两给类是分开使用的,有时候在编程的时候显得略微繁琐,现在编写了一个将二者合二为一的大数操作类. 大数操作类代码如下: 1 pack ...

  6. Python文件处理之文件写入方式与写缓存（三）

    Python的open的写入方式有: write(str):将str写入文件 writelines(sequence of strings):写多行到文件,参数为可迭代对象 首先来看下writelin ...

  7. SQL2008安装自动退出

    一同事安装sql 2008 然后删除过,后来再也装不上了,安装SQL2008操作执行到安装支持文件的时候就会出现安装过程自动退出的现象. 网上很多人说需要卸载,我看原因不一定是这个,因为根本没有安装成 ...

  8. [轉]Android的内存泄漏和调试

    一. Android的内存机制 Android的程序由Java语言编写,所以Android的内存管理与Java的内存管理相似.程序员通过new为对象分配内存,所有对象在java堆内分配空间:然而对象的 ...

  9. Struts2 - Study 1

    领略下传说中的Struts2,写了个小例子,有点意思.比起.net中的MVC有意思的在于它是你自己一步步去配置实现,想怎么搞就怎么搞,.net的MVC,它干了什么事你完全不知,只不过知道怎么用而已. ...

  10. 【jmete】Bean shell使用(一)

    一.什么是Bean Shell BeanShell是一种完全符合Java语法规范的脚本语言,并且又拥有自己的一些语法和方法; BeanShell是一种松散类型的脚本语言(这点和JS类似); BeanS ...