tree中改AJAX 心得-CSDN博客

本文介绍了一个名为梅花Tree的树形结构组件中节点点击事件的处理方法。通过Ajax请求实现员工信息展示、添加及删除会话等功能。文章提供了具体的JavaScript实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//节点链接单击事件处理方法
//id 客户端树节点的 id
MzTreeView.prototype.nodeClick = function(id)
{	
		var pars = 'selectValue=' + id;			
		myAjax = new Ajax.Request(
								this.propath+'deptEmp.html?method=ajax',
								{method: 'get', requestHeaders:["If-Modified-Since","0"], parameters: pars, onComplete: showResponse }
				  );
	

	
  var source = this.N[this.node[id].sourceIndex];
  eval(this.getAttribute(source, "C"));
  return !(!this.getAttribute(source, "url") && this.url=="#");
};


	function showResponse(response) {
		var json = eval('('+response.responseText+')');
		var test=document.getElementById("test");
		var HTML="<table><tr><td>员工名字</td></tr>";
		for(var i=0;i<json.length;i++){
			HTML=HTML+"<tr><td><a onclick='showsession(window.tree,"+json[i].user_id+");'>"+json[i].username+"</a></td></tr>";
		}
		HTML=HTML+"</table>";
		test.innerHTML=HTML;
	}

	function showsession(tree,id){
	var pars = 'selectValue='+id;
	  myAjax = new Ajax.Request(
								tree.propath+'deptEmp.html?method=addsession',
								{method: 'get', requestHeaders:["If-Modified-Since","0"],parameters: pars, onComplete: returnsession }
				  );
	}

	function returnsession(response){
		var json = eval('('+response.responseText+')');
		if(json.length==0){
			alert("已经添加了该用户");
			return ;
		}
		var test=document.getElementById("test1");
		var HTML="<table><tr><td>已添加</td></tr>";
		for(var i=0;i<json.length;i++){
			HTML=HTML+"<tr><td><a onclick='delsession(window.tree,"+json[i].user_id+");'>"+json[i].username+"</a></td></tr>";
		}
		HTML=HTML+"</table>";
		test.innerHTML=HTML;
	}

	function delsession(tree,id){
		var pars = 'selectValue='+id;
	 	 myAjax = new Ajax.Request(
								tree.propath+'deptEmp.html?method=delsession',
								{method: 'get', requestHeaders:["If-Modified-Since","0"],parameters: pars, onComplete: returndelsession }
				  );
	}
	
	
	function returndelsession(response){
		var json = eval('('+response.responseText+')');
		var test=document.getElementById("test1");
		var HTML="";
		if(json.length==0){
			test.innerHTML=HTML;
			return;
		}		
		 HTML="<table><tr><td>已添加</td></tr>";
		for(var i=0;i<json.length;i++){
			HTML=HTML+"<tr><td><a onclick='delsession(window.tree,"+json[i].user_id+");'>"+json[i].username+"</a></td></tr>";
		}
		HTML=HTML+"</table>";
		test.innerHTML=HTML;
	}

只写出核心代码我改的是梅花tree 想要的朋友可以油香我