ITPub博客

首页 > 应用开发 > Javascript > CP/OA信用盘网站源码搭建-javaweb项目 动态修改表格里的用户信息

CP/OA信用盘网站源码搭建-javaweb项目 动态修改表格里的用户信息

原创 Javascript 作者:小梁5566 时间:2020-07-05 19:51:55 0 删除 编辑

解决途径:在jsp文件中,利用jsp的特性<% %>使前端和后台结合,在前端jsp内容中使用Java循环在表格中插入内容。
使用Ajax动态更改jsp内容即可。在表格插入内容:在jsp页面调用Java代码,循环往table中插入数据库中用户信息

<table border = "1">

            <tr>
<td>用户名</td>
<td>密码</td>
<td>年龄</td>
<td>电话</td>
<td>操作</td>
</tr>
<%

 UserService Service = new UserService();
for(User t:list){%>
 <td id="username"><%=t.getUsername() %></td>
<td id="password"><%=t.getPassword() %></td>
 <td id="age"><%=t.getAge() %></td>
 <td id="phone"><%=t.getPhone() %></td>
 <td><input type="button" value="删除" id="delete"><input type="button" value="修改" id="updata"></td>
 </tr>

 <%}
 %>
 </table>12345678910111213141516171819202122



Ajax更改jsp内容:用Ajax给每行的button添加click事件,配合后台Java动态更新表格部分数据。





$("#delete").live("click",function(e){

var username = $(e.target).closest("tr").find("#username").text();

 url:"./Delete",
type:"post",
datatype:"json",
 data:{
success : function(msg){
if(msg){
alert("删除成功");
  $(e.target).closest("tr").fadeOut();
  else{
 alert("删除失败");

error:function(msg){  
 alert('ajax请求出现错误...');  
;123456789101112131415161718192021222324

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69976620/viewspace-2702580/,如需转载,请注明出处,否则将追究法律责任。

下一篇: 网站广告位招租
请登录后发表评论 登录
全部评论

注册时间:2020-06-06

  • 博文量
    8
  • 访问量
    2473