教育办公系统基于AJAX的分页,删除,修改,显示

来源:互联网 发布:sql入门经典 微盘 编辑:程序博客网 时间:2024/04/29 09:18
1. Ajax 分页: 
    1). 点击 "员工查询" 的导航菜单或条件检索时, 此时需要刷新页面获取第一页的内容.
    2). 当成功显示 "第一页" 后, 再点击 "翻页链接" 时执行 Ajax 分页.
        ①. 需要更改 .pagelinks 中的四个超链接和一个文本变化的触发事件
        ②. js, Ajax 的"预留后路" 开发原则: 即使 js 被禁用, 也要使功能不受到影响, 即以前的超链接还继续可以使用.
        ③. 在 Action 方法中需要回传 JSON 数据.

2. Ajax 删除: 
    1). Ajax 删除当前行:
        ①. 在页面上使用 DOM 删除当前行
        ②. 在后台发送请求使用 DAO 删除数据库中的记录
    2). 若此时还存在下一页, 则把下一页的第一条记录加到当前页的最后一行.
    3). 若不存在下一页, 且删除当前行后, 当前页还有记录, 直接删除即可.
    
    1). 2). 3) 的解决方案为: 删除成功后调用当前页的 turnAjaxPage(parseInt($("#pageNo").val()), 0) 函数
    
    4). 若不存在下一页, 且删除当前行后, 当前页没有记录, 即: 当前页只有要被删除的则一条记录, 则删除当前行后, 显示前一页的内容.     
    4). 的解决方案为: 在发送 ajax 请求时返回当前的记录的总页数, 只需请求总页数对应的 page 就可以了.        
    
3. 显示员工的详细信息: 
    1). 显示员工的详细信息: struts 表单的回显.
    2). Ajax 修改的要求:
        ①. 弹出 confirm(): 确定要修改吗?
        ②. 若点击 "否", 则文本框或下拉框的值恢复为刚才的默认值: 使用隐藏域.
        ③. 若点击 "是", 进行 ajax 修改
        ④.    修改成功后, 相应信息为: "修改成功", 若此时记录已被删除, 给出对应的提示: "该记录已被删除"