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

 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. Instructions函数对照表：02 xmmintrin.h与SSE指令集[转]

    更多详情见——http://www.cnblogs.com/zyl910/archive/2012/04/26/md00.htmlSIMD函数整理:00 索引贴 R:寄存器.M:64位MM寄存器:X: ...

  2. Entity Framework 全面教程详解（转）

    目录 预备知识    2 LINQ技术 2 LINQ技术的基础 - C#3.0    2 自动属性    2 隐式类型    2 对象初始化器与集合初始化器    3 匿名类    3 扩展方法    ...

  3. jQuery.retryAjax

    Overload method for $.ajax that provides the ability to try the request over if it fails the first t ...

  4. CentOS 6使用mutt+msmtp发送邮件

    转:http://www.tuicool.com/articles/YRnQVfq CentOS系统下如果希望向外域发送邮件,需要配置sendmail+dovecot等一系列工具.其实不用这么麻烦,只 ...

  5. 【转】3篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：官方原生方法分析

    作者: 牛A与牛C之间 时间: 2013-11-17 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第3篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  6. python file operation

    file.open(name[,mode[,buffering]]) 模式的类型有: r 默认只读 w     以写方式打开,如果文件不存在则会先创建,如果文件存在则先把文件内容清空(truncate ...

  7. 每日学习心得：Linq解决DataTable按照某一列的值排序问题/DataTable 导出CSV文件/巧用text-overflow解决数据绑定列数据展示过长问题

    2013-8-5 1 Linq解决DataTable按照某一列的值排序 在之前的总结中提到过对拼接而成的复合的DataTable按照某一列值的大小排序,那个主要的思想是在新建表结构时将要排序的那一列的 ...

  8. Java与.NET兼容的RSA密钥持久化方法

    默认情况下,.NET生成的RSA密钥对可以用XML或字节流来保存,而JAVA中生成的RSA密钥对只能用字节流来保存.而它们的字节流格式不同,就导致Java中生成的RSA密钥对不能在.NET中使用,而. ...

  9. 多线程要点--CLR C#学习笔记

    1.windows永远不会调度一个进程,只调度线程. 2.线程和操作系统的关系:CLR(X)--AppDomain--线程池(包含工作者线程和I/O线程) 3.线程的关键组成部分 A.线程执行上下文 ...

  10. Python 通过print将数据保存到文件中

    1. Print them to screen man = [] other = [] try: data = open('sketch.txt') for each_line in data: tr ...