`

页面解析JSON并显示

阅读更多
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<%@ taglib uri="/WEB-INF/sino-tags.tld" prefix="sino"%>
<%@ page import="com.sinosoft.util.tool.*"%>
<%
String css = ParamUtils.getSession(session,"userStyle");//CSS信息
String userid = ParamUtils.getSession(session,"userID");
String module=request.getParameter("module");
String sql="select gzid, gzmc, gzsql from edu_switch where gzlx='1'";
%>
<html>
<head>
<title>领导审核规则</title>
<link href="<%=request.getContextPath()%>/css/<%=css%>/module_new.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/edui.js"></script>
<script type="text/javascript">

function initTable(){
j.ajax({
type:"POST",
url:"deal.jsp",
data:"dealtype=queryTab",
async: false,
success:function(data){
if(null!=data) {
j("#varSel").append(data);
}
}
});
}
function insertVar(){
var varSel = j("select[@name=varSel] option[@selected]").val();
j("#gzsql").val(j("#gzsql").val()+varSel);
}

function insertVal(){
var varVal = j("select[@name=dicSel] option[@selected]").val();
j("#gzsql").val(j("#gzsql").val()+varVal);
}

function insertLogic(){
var varLogic = j("select[@name=dicLogic] option[@selected]").val();
j("#gzsql").val(j("#gzsql").val()+varLogic);

}
//单击每行时,将该行数据设置到表单中
function trClick(gzid,gzmc,gzsql){
j("#gzmc").val(gzmc);
j("#gzsql").val(gzsql);
j("#gzid").val(gzid);
j("#gzidval").val(gzid);
}
//清除表单值
function clearVal(){
j("#gzmc").val("");
j("#gzsql").val("");
j("#gzid").val("");
j("#gzidval").val("");
}
var j = jQuery.noConflict();
j(document).ready(function(){

initTable();

j(".ListTdTitle,.ListTdTitle1").click(function(){
//alert(j(this).html());
var gzmc=j(this).find("#tabGzmc").val();
var gzsql=j(this).find("#tabGzsql").val();
var gzid=j(this).find("#tabGzid").val();
j("#gzmc").val(gzmc);
j("#gzsql").val(gzsql);
j("#gzid").val(gzid);
j("#gzidval").val(gzid);
});
//根据字段获取是否有码表配置

j("#varSel").change(function(){

j.ajax({
type:"POST",
url:"deal.jsp",
data:"dealtype=getDic&ziduan="+j("#varSel").val(),
async: false,
success:function(data){
j("#dicSel").html(data);
}
});
});

//增加一行
j("#btn_save").click(function(){
//取相关值
var gzsql = j("#gzsql").val();
var gzmc = j("#gzmc").val();
var gzid = j("#gzid").val();
j("#gzmc").val("");
j("#gzsql").val("");
var orderTab = j("#orderTable");
gzid=j("#gzidval").val();
gzsql=encodeURI(encodeURI(gzsql));
//alert("<%=request.getContextPath()%>/audit/eduSwitchAction.do?method=save&type=1&gzsql="+gzsql+"&gzmc="+gzmc+"&gzid="+gzid);
//执行保存操作
j.ajax({
type: "POST",
//async: false,
url: "<%=request.getContextPath()%>/audit/eduSwitchAction.do?method=save&type=1&gzsql="+gzsql+"&gzmc="+gzmc+"&gzid="+gzid,
success: function(msg){
//alert(msg);
  msg=eval("("+msg+")");
fillTable(msg);
clearVal();
}

  });
j("#gzidval").val("");
});
});
//刷新列表,传入返回的列表json对象
function fillTable(json){
//清除原来所有行
//j("#orderTable tr:not(:first)").empty();
var firstTr=j("#orderTable tr:first");
j("#orderTable").empty();
j.each(json,function(index){
var str;
if(index%2==0){
str = "ListTdTitle1";
}
else{
str="ListTdTitle";
}
var content;
//动态添加一行
var newTr=j("<tr></tr>");
newTr.attr("class",str);
newTr.click(function(){
trClick(json[index].gzid,json[index].gzmc,json[index].gzsql)
});
newTr.height(25);

newTr.append(j("<td width='35%' align='center'>"+json[index].gzmc+"</td>"));
newTr.append(j("<td width='45%' align='center'>"+json[index].gzsql+"</td>"));
var newTd=j("<td width='7%' align='center'></td>");
var newInput=j("<img src='/images/blue/gb.gif'/>");
newInput.css("cursor","hand");
newInput.click(function(){
deltr(this,json[index].gzid);
});
newTd.append(newInput)
newTr.append(newTd);

j("#orderTable").append(newTr);
j("#orderTable").prepend(firstTr);
//alert(j("#orderTable").html());
});
//对所有列添加鼠标事件,该方法在edui.js中
addMouseEffect(j);
}
//对列表添加鼠标事件

//删除一行
function deltr(obj,gzid){
if(confirm("是否删除该项?")){
j.ajax({
type:"POST",
url:"<%=request.getContextPath()%>/audit/eduSwitchAction.do",
data:"method=delete&id="+gzid,
success:function(msg){
if(msg=="1"){
alert("删除成功!");
}
else{
alert("删除失败!");
}
j(obj).parent().parent().remove();
clearVal();
}
});
}
}

//校验SQL   
function ceshi2(){
var sql = j("#gzsql").val();
sql=encodeURI(encodeURI(sql));
if(sql!=null&&sql!=""){
j.ajax({
type:"POST",
url:"<%=request.getContextPath()%>/audit/eduSwitchAction.do?method=ceshi&gzsql="+sql,
success:function(msg){
    if(msg=="true"){
     alert("该sql是合法sql");
    }else{
     alert("该sql不是合法sql");
    }
}
});
}else{
     alert("sql不能为空");
}
}

function clean(){
j("#gzmc").val("");
j("#gzsql").val("");
}
</script>
</head>
<body class=bodybg style="margin:0">
<form name="form1" method="post" action="">
<input type="hidden" name="type" id="type" value="1">
<input type="hidden" name="gzidval" id="gzidval">
<input type="hidden" name="module" id="module" value="<%=module %>"/>
<table width="100%" class="tabbg" border="0" cellpadding="0"  class="common"
cellspacing="1" align="center">
<tr>
<td>
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0>
<tr width="100%">
    <td height="20" align="left" valign="bottom"
class="ListTitle" >
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<!-- 列表标题栏 -->
<jsp:include page="/jsp/edu/common/title_bar.jsp">
<jsp:param name="title" value="格式校验规则"/>
</jsp:include>
</TABLE>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1%" align="center" class="formtitle">
<img src="<%=request.getContextPath()%>/images/blue/imgicon_seach.gif" width="15" height="15" border="0">
</td>
<td width="91%" valign="center" align="right" class="formtitle">
<select id="varSel" name="varSel" style="width:130" >
  
</select>
<input type="button" value="插入变量" onclick="insertVar()"/>
<select  id="dicLogic" name="dicLogic" style="width:100">
<option value=" = ">=</option>
<option value=" > ">></option>
<option value=" < "><</option>
<option value=" <> "><></option>
<option value=" >= ">>=</option>
<option value=" <= "><=</option>
<option value=" like ">like</option>
</select>
<input type="button" value="插入符号"  onclick="insertLogic()"/>

<select id="dicSel" name="dicSel" style="width:150">
<option value="">--</option>
</select>
<input type="button" value="插入值" onclick="insertVal()"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td width="50%" valign="top">
<TABLE class="common" width="100%"  border="0" cellpadding="0" cellspacing="0" id="orderTable">
<tr width="100%"  class="ListTitle" colspan=8>
<td align="center">规则名称</td>
<td align="center">规则SQL</td>
<td align="center" colspan=3>&nbsp;</td>
</tr>
<sino:query >
<%=sql%>
</sino:query>
<%
int bgTest = 0;//用于行背景色的切换
String className = "";//用于保存背景色
////////////////结果集循环中用到的变量////////////////////
int i=0;//显示序号用
////////////////////////////////////////////////////////
%>
   <sino:rowSets>
   <sino:getColumn position="2" to="gzmc"/>
   <sino:getColumn position="3" to="gzsql"/>
   <sino:getColumn position="1"  to="gzid"/>
   <%
   String gzmc = (String)pageContext.getAttribute("gzmc");
   String gzsql = (String)pageContext.getAttribute("gzsql");
   String gzid = (String)pageContext.getAttribute("gzid");
   System.out.print("***"+gzsql);
   i++;
   %>
   <tr height="25" )
   <%
if(bgTest%2!=0){
className = "ListTdTitle";
}
else{
className="ListTdTitle1";
}
%>
class="<%=className%>"
onMouseOver="this.className='bg2'" onMouseOut="this.className='<%=className%>'">
               <td width='35%' align='center'><%=gzmc %><input type="hidden" name="tabGzmc" id="tabGzmc" value="<%=gzmc%>"><input type="hidden" name="tabGzmc" id="tabGzid" value="<%=gzid%>"></td>
               <td width='45%' align='center'><%=gzsql %><input type="hidden" name="tabGzsql" id="tabGzsql" value="<%=gzsql%>"></td>
               <td width='7%' align='center'><img src="/images/blue/gb.gif" style="cursor:hand" onclick="deltr(this,'<sino:getColumn position="1" />')"  value="  -  "/></td>
           <%
bgTest++;
className="";
%>
            </tr>
  </sino:rowSets>
</table>
</td>
<td valign="top" align="right">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" class="tableLeftTop">
<tr>
<td width="100" align="right" class="title">规则名称:
</td>
<td class="eduTD">
<input type="text" id="gzmc" style="width:90%">
</td>
</tr>
<tr>
<td width="100" align="right" class="title">规则SQL:
</td>
<td class="eduTD">
<textarea rows="3" style="width:90%;height:100px;" id="gzsql"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="title">
<input type="button" value="保存" id="btn_save" class="edu">
<input type="button" value="测试" id="btn_ceshi" onclick="ceshi2()" class="edu">
<input type="button" onclick="clean()" value="清除" class="edu">
</td>
</tr>
</table>
</td>
</tr>
</table>
</from>
</body>
</html>
分享到:
评论

相关推荐

    JSON解析 JsonFormat

    支持解析文件 支持解析纯文本,并统计出行列,字符数。提供格式化JSON。 支持搜索,搜索结果提供地址显示,点击列表还可以跳转到位置。 显示直观,以不同图标展示不同类型。 支持URL解码,支持日期解析 ...

    Android 解析本地json数据 listview 显示

    使用本地 json 数据,给listview setDate,实现页面显示。操作简单,实现listview仿购物车金额的 累加。

    Jquery解析json数据详解

    最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。...

    js实现上传excel解析返回json到页面显示

    js实现excel文件上传解析,返回json并显示到页面 支持两种格式

    C#窗体解析JSON

    C#窗体解析网页json StreamReader sr = new StreamReader(s, Encoding.Default); str = sr.ReadToEnd(); JObject jo = (JObject)JsonConvert.DeserializeObject(str);

    json解析助手

    一款自主解析JSON数据到树的工具,超强容错能力,可视化节点定位,辅助提高开发效率。尤其适合开发网页类软件对json的解析处理。

    使用PHP解析JSON数据1

    二、主要技术本案例主要在PHP中使用JavaScript内置的eval()函数对JSON数据进行解析并将解析内容显示在页面中 三、效果图展示实现效果图,如图1所

    python解析json实例方法

    一般来说,当我们从一个网页上拿下来数据,就是一个字符串,比如:复制代码 代码如下:url_data = urllib2.urlopen(url).readline()当我们这样得到页面数据,url_data是全部页面显示一个json字符串,那么我们如何将这...

    jQuery解析json数据实例分析

    主要介绍了jQuery解析json数据的具体实现方法,结合实例形式较为详细的分析了jQuery解析json格式数据的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    json解析数据

    利用JSON技术实现数据解析并返回到网页显示出来

    javascript格式化json显示实例分析

    主要介绍了javascript格式化json显示,实例分析了javascript操作json格式化的相关技巧,非常具有实用价值,需要的朋友可以参考下

    ASP-list.rar_json 数据库_显示更多

    ASP程序通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个“更多”链接,通过触发该链接,向服务端发送Ajax请求,后台ASP程序接收请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给...

    JSON Formatter 0.7.1

    使JSON易于阅读。开源。 最初的JSON格式化程序,现在具有可选的暗模式 在浏览器选项卡中加载JSON时自动格式化JSON。 功能 -快速,甚至在很长的JSON页面上 ...-用于在原始JSON和解析JSON之间切换的按钮

    ios获取网络json数据

    ios获取网络json数据本地解析显示

    easyui纠正json格式日期列显示Demo

    症状:后台返回给页面的数据是Json格式的,其中的日期字段,在后台是“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date(1419264000000)/ 的格式,导致easyUI无法解析这个字段。

    易语言-页面订单json解析易语言

    页面订单json解析易语言源码实现了高级表格显示JSON数据,调用易语言模块解析json结构分析淘宝订单页面。

    关于JSON解析的实现过程解析

    我们都知道,现在的开发模式都是前后端分离的,后台返回数据给前端,前端负责数据交互并渲染到页面,所以我们需要从后端接口上获取数据显示到页面上。在接受服务器端数据数据时,一般是字符串。这时,就需要用到JSON...

    Android解析XML使用WebView显示

    解析XMl,并用JSON在页面显示。资源共享,希望互相学习;注:在ubuntu上做的,在windows在可能会出现乱码!

    fastjson-1.2.7.jar通用json文本解析实例(轻开IOS和安卓App服务器开发)

    解析并在网页中显示下面的json文本 文本内容 {"test":"测试的文本","array":[{"c1":"值1","c2":"值2"},{"c1":"值1","c2":"值2"},{"c1":"值1","c2":"值2"}]} 文本文件:webeasy/_samples/jspeasy/json/json2bag.json ...

    ajax请求获取json

    获取json并解析分离数组与集合定向取出key对应值,且包括图片base64转为图片显示在页面

Global site tag (gtag.js) - Google Analytics