asp.net中使用jquery的ajax来post数据的树控件

我相信大部门的.net开发人员还在完全使用asp.net框架开发或者有一部分人是asp.net和asp.net mvc项目都有在做。对于传统的asp.net如果要有好的体验,那么ajax效果当然不可少。。。

我刚才问了一个同事,我说现在我要在asp.net中前台页面要后台传过来json格式的数据,你觉得我用哪种方式好,回答很肯定是Ihttphandler

 

我完全同意。。。那json对象的转化工具你选择什么呢? Newtonjson。。。好主意。。而且我也很喜欢这个序列化反序列化库。

http://json.codeplex.com/  这个东西可能你也用过好多次了。。。

甚至借助nuget,你都不需要去麻烦的下载这个类库。。。

 

 

大部分问题都解决了,该选择一个jquery tree控件了。我首先想到的是jstree.相信你用过它的话,肯定会喜欢上它的.很不幸的是它不兼容IE9……………………………

可能有些人用过这个树控件,http://code.google.com/p/jquerytree/ 名字是ZTree,国人写的,虽然写的差点,但是兼容性方面还是不错的。。。值得表扬。。。

 

因为涉及到异步传输数据,我试着找到它的ajax方法调用,发现其实这块写的不大合理,作者主要是针对php和jsp写的,所以接收数据的方式对于我们asp.neter来说不大适用。。。修要修改它的ajax方式如下:

 

 

 

这样试着做出来一个例子,还算挺快的。。。不过试着想想,我是不是应该有更好更简单的方式?

我当时其实已经有另一种实现方式了。 我给那个同事说,我有一方式,咱俩试试看谁先实现功能。O(∩_∩)O~

 

1.创建一个asp.net 3.5的解决方案。添加default.aspx,jquery.ztree-2.6.js以及样式文件。

 

2.添加两个引用:

 

没错,我会适用webmethod往前台post数据,适用.net自己的类来把数据集序列化成json对象。这时候他还在下载newton.json添加

xxx.ashx呢。

3.创建一个web方法:

 

 

4.适用jquery的ajax来拿数据。。。

因为ZTree已经封装好了ajax方法,我们只需要把url传给它就OK了。

 

运行试试能否拿到数据:

 

如果某个节点是父节点,那么ajax请求时,会往服务器端传过去当前的id和name等,后台会查询到对应的子集,然后再以json格式返回来。。

 

 

 

 

 

 

 

 

 

 

显示结果:

时间: 2024-09-15 21:29:26

asp.net中使用jquery的ajax来post数据的树控件的相关文章

Jquery zTree 树控件异步加载操作_jquery

zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE.FireFox.Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动.编辑.删除 支持任意更换皮肤 / 个性化图标(依靠css) 支持极其灵活的 checkbox 或 radio 选择功能 简单的参数配置实现 灵活多变的功能 异步加载的意思就是: 当点

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

 本篇文章主要是对asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码进行了介绍,需要的朋友可以过来参考下,需要对大家有所帮助  代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %> <!DOCTYPE html PUBLIC &quo

jQuery通过Ajax返回JSON数据

  jQuery通过Ajax返回JSON数据          最近在使用JQuery的ajax方法时,要求返回的数据为json数据,在处理的过程中遇到下面的几个问题,那就是采用不同的方式来生成json数据的时候,在$.ajax方法中应该是如何来处理的,下面依次来进行说明. 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据. JSON(JavaScript

加密-关于jQuery的.ajax发送的数据问题

问题描述 关于jQuery的.ajax发送的数据问题 $.ajax({ url:"__URL__/passEdit", type:"POST", data: "password='"+pass+"'&id='"+id+"'", dataType:"text", async:true, success:function(res){ if(res=="Y"){ a

jQuery mobile ajax加载数据后没有样式,麻烦帮帮忙谢谢!

问题描述 jQuery mobile ajax加载数据后没有样式,麻烦帮帮忙谢谢! // $.ajax({ type: 'post' url: ajaxUrl //<%=request.getParameter("""")%> data: {id:p_idcur_page:curpage} dataType: 'json' success: function (data) { //判断返回的集合是否为空 if(data.examInfoList!=nul

asp .net中Ztree树控件,如何与导航栏联动,点击导航栏上的栏目,对应的树节点也要展开

问题描述 asp .net中Ztree树控件,如何与导航栏联动,点击导航栏上的栏目,对应的树节点也要展开 点击上面的栏目名称,对应的树节点也要展开 解决方案 导航和ztree什么关系..不就是调用getNodeByParam (key, value, parentNode)找到节点,然后expandNode展开节点而已.自己看api详细参数说明 解决方案二: 就是一个展开事件,在ztree官方例子有

基于jQuery的树控件实现代码(asp.net+json)_jquery

语言: asp.net (其实都一样 只要服务器返回json就可以了); 先介绍下: 这个是一个美女大姐问我要的 写好了DEMO准备发给他 总不能独享 就贴出来了 第二次在cnblogs写博.. - - 那个代码有冗余 各位大虾可以自行修改... (失恋了 没心情弄); 压缩包: 里面有3个自己写的插件 1.一个是jQuery 请求webservices的便捷插件 2.一个防ext的mask()加载效果 3.树控件... 关于: /* 本代码只限交流学习使用,勿用于商业用途 系统难免存在bug

django-html中后台获取的数据如何通过控件的事件传递给script的响应函数中

问题描述 html中后台获取的数据如何通过控件的事件传递给script的响应函数中 我在页面的中写了一个函数,这个函数用settimeout函数来定时执行一些东西.</p> <p>然后在页面的Page_Load中读取了一个XML文件,请问我该怎么样才能把Page_Load中读取的信息传递给<Script>中的这个函数?</p> 解决方案 你说得不清不楚的.你说的后台是什么后台?php? jsp? asp.net? 还是说你没搞清楚后台.前端概念~~ 如果是后

ASP.NET自定义控件 第七天 开发具有丰富特性的列表控件

1. 引言 在上次任务里,我们为星级控件增加了数据绑定的特性,但是在实际运用中还 会产生更多的需求,例如用户可能希望创建一个课程列表(如图1): 开发具有丰富特性的列表控件-"> 或者在数据项比较多的时候,能够手动控制数据的排列方式(图2) 本次任务中,我们将一起开发这样的控件. 2. 分析 以上两个图例中显示的都是列表控件,在ASP.NET2.0中ListControl类是列表 控件的父类,通过上次任务的分析可以了解CheckBoxList.RadioButtonList和 DropDo