web小结

一、ajax

　　1.用于前端向服务器异步获取数据

　　　json数组：可以直接通过数组下标获取到值

　　　json对象：可以用“data.xx”获取到值

　　2.注意事项

　　　同时请求两个ajax时，容易出现异常，第一个ajax改为“asyc：false”

二、jquery

　　　1.获取元素

　　　　获取页面元素 $("#t2")

　　　　动态生成的元素需 $(document).on("click","#t2",function(){}）才能绑定上

　　　2.取表格中同一行某个元素的方法：
          　     给该元素加个id或者class
          　　　　  var id = $(this).parents("tr").find("#idid").text();    
            　　直接按顺序取值
         　　　　   var id  = $(this).parents("tr").find("td")[0].innerHTML;

三、常用需求

　　1.按钮失效

　　　　if(data == "true"){
                    $("#submit").attr("disabled","disabled");
                }else{
                    $("#submit").removeAttr("disabled");    
                }

　　2.刷新页面

　　　　location.reload();

　　3.动态生成表格

　　　　var content = $("#addBody");
           　 for (i in data){
                var tr = $("<tr>");
                var line = data[i].split("\t");
                for(ii in line){
                    tr.append("<td>"+line[ii]+"</td>");
                }
                tr.append(alter); //每行末尾追加操作选项
                content.append(tr);
            }

　　4.jsp页面常用导入

　　　　全路径：<% String path  = request.getScheme()+"://" +request.getServerName()+":"+request.getServerPort()+request.getContextPath();%> （顶部）

　　　　导入js：<script type="text/javascript" src="js/DataSourceManager.js"></script>

　　　　定义js能使用变量：

　　　　　　　　<script type="text/javascript">
  　　　　　　　　　　  var path = '<%=path %>';　　　　　　　　　　　　　　　　　　　　url的路径
   　　　　　　　　　　 var userId = "<%=request.getParameter("groupId") %>" ;　　　　　 从session中获取userID之类的值
   　　　　　　　 </script>　

四、文件上传

　　1.form表单

　　　　<form action="LoadDataServlet" method="post"  enctype="multipart/form-data">

 　　　　　　   <input type="file" name="data" /> </form>

　　2.servlet

　　　　注解：@WebServlet("/LoadDataServlet")     @MultipartConfig

　　　　方法： 获取：Part part = request.getPart("data");

　　　　　　　写入本地：part.write(filePath);