<%--
  Created by IntelliJ IDEA.
  User: NEUSOFT
  Date: 2019/4/8
  Time: 8:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.js"></script>
    <link rel="shortcut icon" href="http://dsada1.oss-cn-beijing.aliyuncs.com/img/xicon.png" type="image/x-icon">
    <script>
        function delBut(username) {
            // alert(username);
        //    点击del按钮的时候，使用ajax把username传递到后台，在后台删除该条数据
            $.ajax({
                type:"GET",
                data:{
                    username:username
                },
                url:"deletePerson.action",
                success:function (data) {
                    alert("over")
                    location.reload();
                }
            });
        }
        function upBut(username) {
            // alert(username);
            //    点击del按钮的时候，使用ajax把username传递到后台，在后台删除该条数据
            $.ajax({
                type:"GET",
                data:{
                    username:username,
                    Nusername:$("input[name='username']").val()
                },
                url:"updatePerson.action",
                success:function (data) {
                    alert("over")
                    location.reload();
                }
            });
        }
    </script>
</head>
<body>
<h2>person,${list}</h2>
<%--jsp页面，把集合遍历，el+jstl，el代替表达式，jstl代替小脚本--%>
<%--使用el直接使用，${}，需要引入isELIgnored="false" --%>
<%--jstl是别人写好的标签库，我们只需要引入标签库，便可以使用--%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<table border="1">
    <tr>
        <th>用户名</th>
        <th>密码</th>
        <th>操作</th>
    </tr>
    <c:forEach var="tmp" items="${list}">
    <tr>
        <td>${tmp.username}</td>
        <td>${tmp.password}</td>
        <td>
            <input type="button" value="del" id="delBun" onclick="delBut('${tmp.username}')">
            <input type="button" value="upd" id="upBun" onclick="upBut('${tmp.username}')">
            <input type="text" name="username" >
        </td>
    </tr>
    </c:forEach>
</table>

</body>
</html>
