明明很简单的东西，可惜网上一大堆废话。在此记录，转需。
jsonStr = JSON.stringify(jsondata,null,4);
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 ©
<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>
时间： 2024-10-11 11:38:26