`
MengShadow
  • 浏览: 8127 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jquery 解析json数据 并动态生成li数据

 
阅读更多
$().ready(function () {	
 $.getJSON("getRecUserTree.action", function (result) {
		$.each(result.tree, function (i, field) {
			$("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;\"><a href=\"#\" class=\"\" onclick=\"aa(" + field.menuid + ");\">" + field.text + "</a></li>");
			//$("#mylx").append(" <option value="+field.menuid + ">" + field.text + "</a></li>");
		});
	});
});

 

<div id="cs" class="stuff"></div>
					

 

public void getMenuTree(HttpServletRequest r, HttpServletResponse rp) {
		try {

			String t = "";
			SessionBean sb =(SessionBean)r.getSession().getAttribute(Function.sessionbean);
			String where = "";
			List<UserRecTreeBean> l = null;
			if ("NORMAL".equals(sb.getUsertype())) {
				where += " vf.activestatus = 1  AND vu.userid = '"
						+ sb.getUserid() + "' and vf.imagepath=0";
				l = vfdi.getByUserRecTree(where);
			}
			JSONObject json = new JSONObject();
			if (l != null && l.size() > 0) {
				JSONArray arr = new JSONArray();
				for (UserRecTreeBean oo : l) {
					arr.put(new JSONObject(oo));
				}
				json.put("tree", arr);
				ResponseUtils.renderJson(rp, json.toString());
			} else {
				t = "";
			}
			ResponseUtils.renderJson(rp, json.toString());
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

 

public List<UserRecTreeBean> getByUserRecTree(String where) throws SQLException, Exception {
		Connection con = getConnection();
		try {
			String sql="SELECT vf.menuid as id, vf.menuname as text,  vf.menuid as menuid FROM vod_user vu LEFT JOIN vod_menu vf ON vu.menuid = vf.menuid WHERE "+where;
			ResultSetHandler<List<UserRecTreeBean>> rsh = new BeanListHandler<UserRecTreeBean>(UserRecTreeBean.class);
			System.out.println(sql);
			return query(con, sql, rsh);
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			Close(con);
		}
		return null;
	}

 

package com.avcon.form;

public class UserRecTreeBean {
	private String id;
	private String text;
	private String menuid;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getText() {
		return text;
	}
	public void setText(String text) {
		this.text = text;
	}
	public String getMenuid() {
		return menuid;
	}
	public void setMenuid(String menuid) {
		this.menuid = menuid;
	}
}

  

0
0
分享到:
评论

相关推荐

    Jquery解析Json数据,实现级联菜单

    本主题将深入探讨如何使用jQuery解析JSON数据并实现级联菜单,这在构建动态和交互性强的用户界面时非常常见。级联菜单通常用于导航,其中下拉选项根据上一个选项的选择而变化,提供更具体的子类别。 首先,让我们...

    使用JQUery解析JSON字符串

    总结一下,通过jQuery解析JSON字符串并将其内容动态显示在网页上,主要步骤包括: 1. 使用`$.parseJSON()`或`$.getJSON()`解析JSON字符串为JavaScript对象。 2. 遍历解析后的对象,根据需要提取数据。 3. 使用jQuery...

    js 解析 json 生成树

    在JavaScript中,解析JSON并生成树形结构是一种常见的需求,特别是在构建前端应用或者处理层级数据时。本示例中提到的“js 解析 json 生成树”是一个将JSON数据转换为可交互的树形结构的过程。这个过程通常涉及到...

    Jquery.json.js

    **HTML解析JSON** 在HTML页面中,你可能需要将JSON数据展示出来。jQuery可以帮助你方便地操作DOM元素来实现这一目标。例如,你可以遍历解析后的JSON对象,然后动态创建或修改HTML元素: ```javascript success: ...

    4级级联菜单JQUERY+JSON版

    4. **jQuery处理**:在页面加载完成后,使用jQuery解析JSON数据,并根据数据动态生成DOM元素。例如,遍历JSON对象,创建对应的li元素,然后将其添加到对应的ul元素中。 5. **事件绑定**:监听用户的鼠标事件,当...

    jquery解析json

    jQuery解析JSON主要涉及到两个关键函数:`$.parseJSON()` 和 `$.getJSON()`。这两个函数是jQuery提供用于处理JSON数据的核心工具。 1. `$.parseJSON()`: 这个函数用于将一个JSON字符串转换为JavaScript对象。例如,...

    jQuery使用json数据创建多级下拉收缩菜单代码

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在本例中,JSON数据被用来存储菜单的层级结构,包括菜单项的文本、链接、子菜单等信息。通过将菜单...

    运用Jquery插件Json2Template写的简单项目

    JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Json2Template中,我们用JSON数据来驱动HTML模板的生成。 其次,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理...

    JQuery实例动态生成树

    3. **遍历JSON数据**:使用JavaScript或jQuery的循环遍历JSON对象,创建对应的`&lt;li&gt;`元素,并根据`children`属性判断是否有子节点。如果有子节点,则递归调用相同的过程来生成子节点的树结构。 4. **添加点击事件**...

    jquery与 json应用

    JSON(JavaScript Object Notation)则是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,jQuery与JSON的结合使用广泛,尤其是在进行异步数据交换时。 ### jQuery简介 ...

    Struct2利用Ajax,JQuery交互Json

    在success回调函数中,我们可以获取到服务器返回的Json数据,利用JQuery提供的便利方法解析Json并更新DOM元素。例如,使用$.getJSON()或$.ajax()的dataType设置为'json',可以自动将响应数据解析为JavaScript对象。 ...

    Java递归算法构造JSON树形结构

    Java 递归算法构造 JSON 树形结构 Java 递归算法构造 JSON 树形结构是指通过 Java 语言使用递归算法将...Java 递归算法构造 JSON 树形结构是一种高效、简洁的数据处理方法,广泛应用于各种树形结构数据处理场景。

    jquery json array 实例

    总的来说,这个实例展示了如何使用jQuery的Ajax功能与后端进行交互,获取JSON数组数据,并在前端进行解析和展示。理解并熟练掌握这一技能对于前端开发者来说至关重要,因为它极大地提升了前后端数据交换的效率和用户...

    json数据创建多级下拉菜单.zip

    // 解析JSON数据 buildMenu(menuData.menu); // 调用函数构建菜单 function buildMenu(data) { // 这里是构建菜单的逻辑,递归处理每一层菜单 } }); ``` 在`buildMenu`函数中,我们会递归遍历JSON对象,为每...

    一个简单的struts2+json+jquery 交互的例子

    当用户界面触发某个事件(比如点击按钮),jQuery会发起Ajax请求,Struts2 Action执行相关逻辑并生成JSON响应,最后jQuery将数据插入到网页中,完成一次完整的交互。 总结来说,这个例子展示了如何利用Struts2处理...

    JS LIB json jquery

    - 数据展示:利用jQuery操作DOM的能力,将解析后的JSON数据动态地渲染到页面上。 4. 示例代码:以下是一个简单的例子,展示了如何使用jQuery从服务器获取JSON数据并显示在页面上: ```javascript $.ajax({ url:...

    jquery & json

    在这个例子中,jQuery首先通过`$.getJSON()`获取JSON数据,然后遍历数组,为每个项创建一个新的`&lt;li&gt;`元素,并将其添加到`&lt;ul id="list"&gt;`中。 总结,jQuery与JSON的结合使得前端开发更加高效,能够轻松地处理数据...

    在jQuery中使用JSON(Struts2)

    前端的jQuery代码可以通过Ajax请求这个URL来获取并解析JSON数据。 为了更好地整合jQuery和Struts2,我们可以使用Struts2的`json-plugin`,它提供了JSON值栈转换器,自动将Action的属性转换为JSON格式。例如,如果你...

    struts2+spring+hibernat Jquery ajax simple tree 动态生成树实例

    在后台,我们需要将查询到的树形数据转化为JSON格式,然后在前端利用jQuery解析JSON,动态生成HTML树结构。这个过程可能涉及递归,因为树形结构往往包含父节点和子节点的层级关系。 生成树形结构通常采用ul和li元素...

    json解析数据

    在本场景中,我们关注的是如何利用JSON技术解析数据,并将解析后的数据返回到网页上进行展示。 首先,理解JSON的基本结构至关重要。JSON数据以键值对的形式存在,即`key : value`,其中key是字符串,value可以是...

Global site tag (gtag.js) - Google Analytics