在初次写Javaweb项目时，遇到一个常见问题：

如何将后台用户信息在前端表格中显示。

如何在前端表格中动态修改（删除、更新 OA信用盘源码搭建oapingtaichuzu.com）用户信息，并在前端部分刷新数据。

解决途径：

在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();

                List<User> list = Service.adminReadList();

                for(User t:list){%>

                <tr>

                    <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();

        alert(username);

        $.ajax({

            url:"./Delete",

            type:"post",

            datatype:"json",

            data:{

                "username" : username

            },

            success : function(msg){

                if(msg){

                    alert("删除成功");

                    $(e.target).closest("tr").fadeOut();

                }

                else{

                    alert("删除失败");

                }

            },

            error:function(msg){  

                alert('ajax请求出现错误...');  

            }

        });

    });123456789101112131415161718192021222324