项目前端总结

原创
2016/05/19 16:03
阅读数 123

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

 

展开阅读全文
打赏
2
2 收藏
分享
加载中
更多评论
打赏
0 评论
2 收藏
2
分享
返回顶部
顶部