隐藏表单的使用

1.使用背景，需要存在一个表单，在表单中输入一些值后，可以将值传到后台使用，

首先在jsp页面需要添加一个隐藏的表单（这里采用的方式有些特别，可以更换这个写的方式）

（大致的思路就是，一个表单设置为隐藏，在一个方法中将这个表单的属性改为可见，将这个表单展示出来）

其中不在js代码中需要添加一个 idv 块 

<div id="newnode" style="border: 1;position: absolute; 200;height: 200; background:#EEEEEE;visibility: hidden"></div>

　　在js代码中编写表单

//新建文件夹
		var newNode =function() {
			hideRMenu();
       	 	document.getElementById("newnode").style.top="25%";
        	document.getElementById("newnode").style.left="40%";
        	document.getElementById("newnode").style.visibility="visible";
       
        	var treeid=a  
        	console.log("============"+treeid)
        	var formDiv="<form action= ${ctx}/mytrees/myTrees/newnode>";
        		formDiv+="<br>";
        		formDiv+="新文件夹名字： <br>";
        		formDiv+="<input type='text' name='user' /><br>";
        		formDiv+="<input type='hidden' name='id' value= "+treeid+">";
	//          formDiv+="密    码: <input type='password' name='pass' /><br><br>";  
        		formDiv+="        <input type='submit' value='确定' onclick='hide()' />    ";
        		formDiv+="      <input type='button' value='取消' onclick='hide()' /></form>";

        	document.getElementById("newnode").innerHTML=formDiv;
    	}
     
    

　　隐藏表单的函数

function hide1(){
        	document.getElementById("renamenode").style.visibility="hidden";
    	}

　　走可以展示表单显示的函数的a标签的写法

<a href="javascript:newNode()">新建文件夹</a><br>

　　根据表单中的action，转到后台，后台对表单中的数据进行使用

//新建文件夹 
	@RequiresPermissions("mytrees:myTrees:edit")
	@RequestMapping(value = "newnode")
	public String newNode(@RequestParam("user")String name, @RequestParam("id")String treeid,Model model) {
		//最笨的方式，判断前端传过来的文件名是否为空
		String nameString="1"+name+"1";
		if(!nameString.equals("11")) {
		   System.out.println("进到创建新节点的控制层");
			//根据传过来的id获取 整条数据（这个对象）                 
			MyTrees myTrees=myTreesService.get(treeid);
			//得到基本数据
			System.out.println(myTrees.getMouldname());
			System.out.println(name);
			System.out.println(myTrees.getPath()+"\"+name);
			//new一个新的对象，即将赋值保存
			MyTrees newMyTrees= new MyTrees();
			//赋值
			newMyTrees.setParent(myTrees);
			newMyTrees.setMouldname(myTrees.getMouldname());
			newMyTrees.setName(name);
			newMyTrees.setPath(myTrees.getPath()+"\"+name);
			//保存到数据库
			myTreesService.save(newMyTrees);

			model.addAttribute("mouldname", myTrees.getMouldname());
			
			return "modules/mytreemould/MyTreesSuccess";
	   }else {
		   return "modules/mytreemould/MyTreesError";
	　　}
	}

　　使用参数进行操作之后重新返回这个页面