项目前端总结

前端页面中直接输出session值的写法 <span> ${sessionScope.AdminUserName}</span> Js中取得session值的写法 var userName="<%=s

前端页面中直接输出session值的写法

<span> ${sessionScope.AdminUserName}</span>

Js中取得session值的写法

var userName="<%=session.getAttribute("AdminUserName")%>";

jsp页面list展示写法

前端：

<div><table><thead>   <tr>      <th width="30%">用户名</th>      <th width="30%">用户类型</th>      <th width="40%">邮箱</th>   </tr></thead><tbody>   <c:forEach items="${list}" var="UserVO">     <tr>         <td>UserVO.username</td>         <td>UserVO.usertype</td>         <td>UserVO.mail</td>     </tr>   </c:forEach></tbody></table></div>

Java代码：

@RequestMapping("/userManager")public String userManager(ModelMap modelMap){  List<UserVo> list= xxxService.findAll(); //查询所有数据存入list  modelMap.put("list",list);  return "manager/userManager";}

前台提交请求（带数据）

前端Js请求语句：

window.location.href="<%=request.getContextPaht()%>/user/saveUser/?username="+username+"&usertype="+usertype;

java代码：

@RequestMapping(/"save")public String save(HttpServletRequest request){  String username=request.getParameter("username");  String usertype=request.getParameter("usertype");  //其他代码  return "xxx/xxx";}

关于JS中.load方法

解析： load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。

写法：$("# 容器 ID ").load("页面地址 or controller地址");

例子：

js代码：

$("#wrap-content").load('user/index.jsp');$("#wrap-content").load('user/index');

其中js代码的url可写为  'user/index.jsp'   或  'user/index'

第一种为jsp直接地址（user文件夹下index.jsp）

第二种为跳转到controller（usercontroller中@RequestMapping("/ user/index ")）

如果执行该方法，则会取回 user/index.jsp 的内容，不过然后，jQuery 会解析被返回的文档，来查找ID等于wrap-content 的元素。该元素，连同其内容，会被插入带有结果 ID 的元素中，所取回文档的其余部分会被丢弃。

HTML代码：

<div id="wrap-content"></div>