jsp获取json元素中的子元素如deptName，personName_框架

<%@ page language="java" import="javautil" pageEncoding="gbk"%>

<%@page import="orgjsonsimpleJSONObject"%>

<%@page import="orgjsonsimpleparserJSONParser"%>

<%@page import="orgjsonsimpleJSONValue"%>

<%@page import="orgjsonsimpleJSONArray"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">

<html>

<head>

<title>获取json内部数据html</title>

<meta >

</head>

<body>

<table id="deptPersonList" title="部门信息列表" class="easyui-datagrid"

singleSelect="true" fit="true" pagination="true"

idField="deptPersonId" url="deptPersonInfo" width="800px"

rownumbers="false" striped="true">

<thead>

<tr>

编号

</th>

人员名称

</th>

部门名称

</th>

</tr>

</table>

</body>

json格式如下

{"total":11,"rows":[{"deptPersonId":"1","sysDepartment":{"deptName":"人事"},"sysPerson":{"personName"}}]}

var json = {"total":11,

"rows":[{"deptPersonId":"1",

"sysDepartment":{"deptName":"人事"},

"sysPerson":{"personName":"张丽安"}

}

]

};

获取josn对象数据，是一层一层进行的。

js获取json元素中的子元素如deptName，personName

alert(jsonrows[0]sysDepartmentdeptName);

alert(jsonrows[0]sysPersonpersonName);

</script>

//jsp获取json元素中的子元素如deptName，personName

//================

//使用 json_simplejar包处理json字符

//然后获取json对象中的数据

//================

//声明JSON字符串

String json = "{\"tota\":11,"+

"\"rows\":["+

"{\"deptPersonId\":\"1\","+

"\"sysDepartment\":{"+

"\"deptName\":\"人事\"},"+

"\"sysPerson\":{\"personName\":\"张丽安\"}"+

"}"+

"]"+

"}";

//===============================

// 最终的JSON字符如下：

// {"total":11,

// "rows":[{"deptPersonId":"1",

// "sysDepartment":{"deptName":"人事"},

// "sysPerson":{"personName":"张丽安"}

// }

// ]

// }

// 注意查结构

//================================

//{"tota":11,"rows":[{"sysPerson":{"personName":"张丽安"},"sysDepartment":{"deptName":"人事"},"deptPersonId":"1"}]}

//将字符串转化为JSON对象

Object JSON = JSONValueparse(json);

//JSONObject继承自 HashMap

JSONObject JO = (JSONObject) JSON;

outprint(JSONtoString());

outprint("<br>");

//查看JSONObject对象元素长度

int length = JOsize();

outprint(length);

outprint("<br>");

outprint(JOtoString());

outprint("<br>");

//循环打印出元素数据

//for(int i = 0 ;i < length ; i++ ){

outprint("tota:<font color=red>" + JOget("tota") + "</font>");

outprint("<br>");

outprint("tota:<font color=red>" + JOget("rows") + "</font>");

outprint("<br>");

String rows = JOget("rows")toString();

//再次将rows对象转化为 JSONObject对象

JSONArray JO1 = (JSONArray) JSONValueparse(rows);

outprint(JO1size());

outprint("<br>");

JSONObject JO2 = (JSONObject)JO1get(0);

outprint("sysPerson:<font color=red>" + JO2get("sysPerson") + "</font>");

outprint("<br>");

outprint("sysDepartment:<font color=red>" + JO2get("sysDepartment") + "</font>");

outprint("<br>");

//再次获取

outprint("personName:<font color=red>" + ((JSONObject)JO2get("sysPerson"))get("personName") + "</font>");

outprint("<br>");

outprint("deptName:<font color=red>" + ((JSONObject)JO2get("sysDepartment"))get("deptName") + "</font>");

outprint("<br>");

//===================================

// 备注信息

// JSONObject 可以转化为 {key:value}形式的 JSON对象,该对象继承自 HashMap ，所以可以使用HashMap的方法

// JSONArray 可以装维为 [object,object,……] 形式的数据对象，该对象继承自ArrayList，

// 灵活运用，可基本满足需求。

//}

</html>

你需要下载 json_simple-11-allzip文件，网上搜索。

处理后如下：

<!DOCTYPE html>

<html>

<head>

/column {float: left;}/

column div{width: 178px;height: 56px;margin-bottom: 2px;}

box1{background-color: black;}

box2{background-color: bisque;}

box3{background-color: gray;}

box4{background-color: wheat;}

</style>

</head>

<body>

</div>

</div>

</div>

</div>

function handleDragStart(e) {

thisstyleopacity = '1';

dragSrcEl = this;

edataTransfereffectAllowed = 'move';

edataTransfersetData('text/html', thisinnerHTML);

}

function handleDragEnter(e) {

thisclassListadd('over');

}

function handleDragLeave(e) {

thisclassListremove('over');

}

function handleDragOver(e) {

if (epreventDefault) {

epreventDefault();

}

return false;

}

//拖拽完成后，作用在拖拽元素上

function handleDrop(e) {

if (dragSrcEl != this) {

dragSrcElinnerHTML = thisinnerHTML;

thisinnerHTML = edataTransfergetData('text/html');

}

return false;

}

//拖拽完成后，作用在被拖拽元素上

function handleDragEnd(e) {

thisstyleopacity = '1';

[]forEachcall(divs, function(d) {

dclassListremove('over');

});

}

var divs = documentquerySelectorAll('column');

[]forEachcall(divs, function(d) {

daddEventListener('dragstart', handleDragStart, false);

daddEventListener('dragenter', handleDragEnter, false);

daddEventListener('dragover', handleDragOver, false);

daddEventListener('dragleave', handleDragLeave, false);

daddEventListener('drop', handleDrop, false);

daddEventListener('dragend', handleDragEnd, false);

});

</script>

</body>

</html>

可以实现你要的效果不过看到晚了，可以拖动交换位置和数据

业务场景：

经过百度搜索解决方案

1 ：给点击的事件添加阻止冒泡方法 eventstopPropagation();

2 ：给拖拽盒子里的子元素添加 pointer-events: bounding-box 属性

以上就是关于jsp获取json元素中的子元素如deptName，personName全部的内容，包括:jsp获取json元素中的子元素如deptName，personName、求JS或者JQUERY实现拖动DIV交换位置的代码，加急！~、Sortable.js 拖拽导致移动端不能点击问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/10160119.html

jsp获取json元素中的子元素如deptName，personName

发表评论

评论列表（0条）