项目前端总结

摘要: el表达式前台输出问题

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

[code=language-html]<span> ${sessionScope.AdminUserName}</span>

Js中取得session值的写法

[code=language-html]var userName="<%=session.getAttribute("AdminUserName")%>";

jsp页面list展示写法

前端：

[code=language-html]<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代码：

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

前台提交请求（带数据）

前端Js请求语句：

[code=language-html]window.location.href="<%=request.getContextPaht()%>/user/saveUser/?username="+username+"&usertype="+usertype;

java代码：

[code=language-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代码：

[code=language-html]$("#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代码：

[code=language-html]<div id="wrap-content">
</div>