项目前端总结

2019独角兽企业重金招聘Python工程师标准>>>

前端页面中直接输出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>

 

转载于:https://my.oschina.net/fal6112/blog/678024