AJAX简单的数据增删改与分页应用

运行截图：

PageBar.js:

/*
 *  说明：
 *      整体思想，1.第一页时不显示：首页，上一页，
 *               2.最后一页时不显示：下一页，尾页
 *               3.中间有 5 页导航，
 *                  若：3.1.(总页数<5),就显示多少，
 *                      3.2.(总页数>5)，点击页码值 <=3 背景为灰色还在那个位置，
 *                                   点击页码值 >3 背景为灰色的始终在中间，
 *                                   点击页码值 为最后三个，背景为灰色的还在那个位置
 *               4.后面追加一个跳转项
 *               5.显示不显示一共多少页，纠结中......
 */
//添加实用集
/// <reference path="Utility.js" />

//总页数:要求对象请求一次更新一次
var pageCount = false;
////请求页面值
//var pageIndex = false;
//页码阵列点击函数名
var FUN = false;
//表名称标识
var TBLNAME = false;

//页码条容器
function pageNavigatorPanel() {
    var pnp = GetObject(arguments[0]);
    //预留样式：
    return pnp;
};

//创建跳转标签
function PageGoto() {
    return PageTemplate("跳转", "page", "pGoto", arguments);
};

//创建尾页标签
function PageTrailer() {
    return PageTemplate("尾页", "page", "pTrailer", arguments);
};

//创建下一页标签
function PageNext() {
    return PageTemplate("下一页", "page", "pNext", arguments);
};

//创建上一页标签
function PagePrevious() {
    return PageTemplate("上一页", "page", "pPrevious", arguments);
};

//创建首页标签
function PageFirst() {
    return PageTemplate("首页", "page", "pFirst", arguments);
};

//创建页码阵列 元素id="Nav"+tit 某阵列中的元素被点击之后为其 class 添加 pageB 样式
function PageNavigatorItem(tit) {
    return PageTemplate(tit, "page", "Nav" + TBLNAME + tit, arguments);
};

//创建标签母版 如需要style在外部重新定义
function PageTemplate(tit, cla, idn, args) {
    var pTemplate = document.createElement("a");
    pTemplate.title = tit;
    pTemplate.className = cla;
    pTemplate.id = idn;
    //pTemplate.style = sty;
    pTemplate.innerHTML = tit;
    //根据  Request("get", "SList.ashx?pi=" + arguments[0] + "&name=" + arguments[1], 。。。。请求条件只要两个参数即可。
    var hrf = "javascript:" + FUN + "(";
    var arg3 = arguments[3];
    if (arg3 != null) {// && arg3.length > 1) {
        for (var i = 0; i < 1; i++) {
            hrf += arg3[i] + ","";
        }
        //hrf = hrf.substr(0, hrf.length - 1);
        hrf += TBLNAME + """;
    }
    hrf += ");";
    pTemplate.href = hrf;
    return pTemplate;
};
//清空PageBar
function EmptyPageBar() {
    GetObject(arguments[0]).innerHTML ="";
};
//根据请求页码显示分页条. 
function Paging(panelId, pageindex, funNavigateOnClickName, tblName) {
    EmptyPageBar(panelId);
    FUN = funNavigateOnClickName;
    TBLNAME = tblName;
    var pnp = pageNavigatorPanel(panelId);
    if (pageCount == 0) {//不足一页:显示第一页
        pnp.appendChild(PageNavigatorItem(1, 1));
    }
    else {
        //1.首页显示条件
        if (pageCount > 5 && pageindex > 3) {//若第一页不再阵列中就显示：
            pnp.appendChild(PageFirst(1));//首页
        }
        //2.上一页显示条件
        if (pageindex != 1) {//若不是第一页就显示：  
            pnp.appendChild(PagePrevious(pageindex - 1));//上一页
        }
        //3.页码条阵列显示
        if (pageCount < 6) {//5页之内：样式点击那个哪个背景为灰色。
            for (var i = 1; i <= pageCount; i++) {//添加和pageCount相等的页码条阵列
                pnp.appendChild(PageNavigatorItem(i, pageindex));
            }
        } else {//大于5页(2 < pageindex < pageCount-1)的样式：灰色背景
            //3.1前三个跟着走
            if (pageindex <= 3) {
                for (var i = 1; i < 6; i++) {
                    pnp.appendChild(PageNavigatorItem(i, pageindex));
                }
            }
            //3.2一直在中间
            if (3 < pageindex && pageindex < pageCount - 2) {
                for (var i = pageindex - 2; i < pageindex + 3; i++) {
                    pnp.appendChild(PageNavigatorItem(i, pageindex));
                }
            }
            //3.3后三个跟着走
            if (pageindex >= pageCount - 2) {
                for (var i = pageCount - 4; i <= pageCount; i++) {
                    pnp.appendChild(PageNavigatorItem(i, pageindex));
                }
            }
        }
        //4.下一页显示条件
        if (pageindex < pageCount) {//若不是最后一页就显示：
            pnp.appendChild(PageNext(pageindex + 1));//下一页
        }
        //5.尾页显示条件(若最后一页不再阵列中)
        if (pageindex < pageCount - 2) {
            pnp.appendChild(PageTrailer(pageCount));//尾页
        }
        //为点击元素附加类样式pageB,并且禁用a标签。
        var aTag = GetObject("Nav" + TBLNAME + pageindex);
        aTag.className += " pageB";
         aTag.removeAttribute("href");
        //下面这个无效
        //aTag.onclick = function () { return false; };
        //增加跳转条件
        if (pageCount > 18) {//页数大于18 才有显示的必要
            //跳转输入框变量
            var gt = '&nbsp;&nbsp;至第<input type="text" id="pGoto" style="border:1px solid rgb(206,206,206); 31px;height:19px;margin:1px 0;text-align:center;" />页&nbsp;';
            pnp.innerHTML += gt;
            pnp.appendChild(PageGoto(parseInt(GetObject("pGoto").value)));//NaN
        }
    }
};

修改后更通用的

PageBar.js

/*  Author:
 *      By Wang
 *
 *  说明：
 *      整体思想，1.第一页时不显示：首页，上一页，
 *               2.最后一页时不显示：下一页，尾页
 *               3.中间有 5 页导航，
 *                  若：3.1.(总页数<5),就显示多少，
 *                      3.2.(总页数>5)，点击页码值 <=3 背景为灰色还在那个位置，
 *                                   点击页码值 >3 背景为灰色的始终在中间，
 *                                   点击页码值 为最后三个，背景为灰色的还在那个位置
 *               4.后面追加一个跳转项
 *               5.显示不显示一共多少页，纠结中......
 *      主函数：Paging
 */
//添加实用集
/// <reference path="Utility.js" />

//总页数:要求对象请求一次更新一次
//var pageCount = false;
////请求页面值
//var pageIndex = false;
//页码阵列点击函数名
var FUN = false;
var IDPR = "Page";
//页码条容器
function pageNavigatorPanel() {
    var pnp = GetObject(arguments[0]);
    //预留样式：
    return pnp;
};

//创建跳转标签
function PageGoto() {
    return PageTemplate("跳转", "page", IDPR + "Goto", arguments);
};

//创建尾页标签
function PageTrailer() {
    return PageTemplate("尾页", "page", IDPR + "Trailer", arguments);
};

//创建下一页标签
function PageNext() {
    return PageTemplate("下一页", "page", IDPR + "Next", arguments);
};

//创建上一页标签
function PagePrevious() {
    return PageTemplate("上一页", "page", IDPR + "Previous", arguments);
};

//创建首页标签
function PageFirst() {
    return PageTemplate("首页", "page", IDPR + "First", arguments);
};

//创建页码阵列 元素id="Nav"+tit 某阵列中的元素被点击之后为其 class 添加 pageB 样式
function PageNavigatorItem(tit) {
    return PageTemplate(tit, "page", IDPR + tit, arguments);//默认有一个page样式
};

//创建标签母版: tit:显示内容，cla:样式类名，idn:id名称，args:参数
function PageTemplate(tit, cla, idn, args) {
    var pTemplate = document.createElement("a");
    pTemplate.title = tit;
    pTemplate.className = cla;
    pTemplate.id = idn;
    //pTemplate.style = sty;
    pTemplate.innerHTML = tit;
    //点击执行的js函数
    var hrf = "javascript:" + FUN + "(";
    var arg3 = arguments[3];
    //if (arg3 != null && arg3.length > 1) {
    //for (var i = 0; i < 1; i++) {
    hrf += ("'" + idn + "',");
    hrf += arg3[0];
    //}
    //}
    hrf += ");";
    pTemplate.href = hrf;
    return pTemplate;
};
//清空PageBar
function EmptyPageBar() {
    GetObject(arguments[0]).innerHTML = "";
};
//根据请求页码显示分页条. 
function Paging(panelId, pageindex, pageCount, pageTagClickFuncName) {
    EmptyPageBar(panelId);
    FUN = pageTagClickFuncName;
    var pnp = pageNavigatorPanel(panelId);
    if (pageindex == 0) {
        pnp.innerHTML = "<strong color='red'>对不起，没有数据...</strong>";
        return;
    }
    if (pageCount == 0) {//不足一页:显示第一页
        pnp.appendChild(PageNavigatorItem(1));
    }
    else {
        //1.首页显示条件
        if (pageCount > 5 && pageindex > 3) {//若第一页不再阵列中就显示：
            pnp.appendChild(PageFirst(1));//首页
        }
        //2.上一页显示条件
        if (pageindex != 1) {//若不是第一页就显示：  
            pnp.appendChild(PagePrevious(pageindex - 1));//上一页
        }
        //3.页码条阵列显示
        if (pageCount < 6) {//5页之内：样式点击那个哪个背景为灰色。
            for (var i = 1; i <= pageCount; i++) {//添加和pageCount相等的页码条阵列
                pnp.appendChild(PageNavigatorItem(i));
            }
        } else {//大于5页(2 < pageindex < pageCount-1)的样式：灰色背景
            //3.1前三个跟着走
            if (pageindex <= 3) {
                for (var i = 1; i < 6; i++) {
                    pnp.appendChild(PageNavigatorItem(i));
                }
            }
            //3.2一直在中间
            if (3 < pageindex && pageindex < pageCount - 2) {
                for (var i = pageindex - 2; i < pageindex + 3; i++) {
                    pnp.appendChild(PageNavigatorItem(i));
                }
            }
            //3.3后三个跟着走
            if (pageindex >= pageCount - 2) {
                for (var i = pageCount - 4; i <= pageCount; i++) {
                    pnp.appendChild(PageNavigatorItem(i));
                }
            }
        }
        //4.下一页显示条件
        if (pageindex < pageCount) {//若不是最后一页就显示：
            pnp.appendChild(PageNext(pageindex + 1));//下一页
        }
        //5.尾页显示条件(若最后一页不再阵列中)
        if (pageindex < pageCount - 2) {
            pnp.appendChild(PageTrailer(pageCount));//尾页
        }
        //增加跳转条件
        if (pageCount > 10) {//页数大于10 才有显示的必要
            //跳转输入框变量
            var gt = '&nbsp;&nbsp;至第<input type="text" id="PageGotoIndex" style="border:1px solid rgb(206,206,206); 31px;height:19px;margin:1px 0;text-align:center;" />页&nbsp;';
            pnp.innerHTML += gt;
            pnp.appendChild(PageGoto(parseInt(GetObject("PageGotoIndex").value)));//NaN
        }
    }
    //为点击元素附加类样式pageB,并且禁用a标签。
    var aTag = GetObject(IDPR + pageindex);
    if (typeof (aTag) != "undefined") {
        aTag.className += " pageB";
        aTag.removeAttribute("href");
    }
    //下面这个无效
    //aTag.onclick = function () { return false; };
};

Utility.js

/*
 * js实用工具箱
 */

//根据id获取对象:传递一个参数id
function GetObject() {
    return document.getElementById(arguments[0]);
};

//创建对象
function SetObject() {
    return document.createElement(arguments[0]);
};

//根据id获取对象:指示在浏览器中是否隐藏{false:"block",ture:"none"}
function Display(id, bool) {
    var dis = "block";
    if (bool)
        dis = "none";
    GetObject(id).style.display = dis;
};

//将从集合中转换出来的Json类型时间格式(/Date(308592000000)/)转换成正常格式spli="-"(year-month-day)
function GetDateFromJsonDate(jsonDate, spli) {
    if (spli == null || spli == undefined)
        //spli = "/";//数据插入失败
    spli = "-";
    //   \/Date(308592000000)\/
    //    /Date(308592000000)/
    var fakeDate = arguments[0];
    //1.取数字转换为十进制整数
    fakeDate = fakeDate.match(/d+/);//1.推荐.保险
    //fakeDate = fakeDate.replace("/", "").replace("Date(", "").replace(")", "").replace("/", "");//2.
    //fakeDate = fakeDate.substring(6, fakeDate.length - 2);
    //2.解析为十进制数字
    var dec = parseInt(fakeDate, 10);
    //3.获取date对象
    var date = new Date(dec)
    //4.拼接格式化
    var day = date.getDate();
    var mon = date.getMonth() + 1;
    return date.getFullYear() + spli + (mon < 10 ? "0" + mon : mon) + spli + (day < 10 ? "0" + day : day);
};

//获取AJAX中的异步对象
function GetXHR() {
    var XHR = false;
    /* try {
         XHR = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
     } catch (M2) {
         try {
             XHR = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
         } catch (Mt) {
             XHR = false;
         }
     }
     if (!XHR && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
         XHR = new XMLHttpRequest();
     }*/
    XHR = new XMLHttpRequest();
    return XHR;
};

//实现异步对象的Request请求
function Request(method, url, iscache, funNameDoResponse, funNameDoErrorBystatus, send) {
    var xhr = GetXHR();
    xhr.open(method, url, true);
    if (method.toLowerCase() == "post")     //application/x-www-form-urlencoded
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    if (iscache)
        xhr.setRequestHeader("If-Modified-Since", "0");
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                //如果是值是空 json数组是null ,而不是 ""=""
                var cont = xhr.responseText;//{"Id":1,"Math":null,"English":40}
                //将json 字符串传入-->
                funNameDoResponse(cont);
            } else {
                if (funNameDoErrorBystatus != null)
                    funNameDoErrorBystatus(xhr.status);
            }
        }
    };
    xhr.send(send);
};

PageBarStyle.css

.page {
    background-color: rgba(255, 255, 255, 1.00);
    text-decoration: none; /*去掉下滑线*/
    color: rgb(102,102,102);
    /*align-content: center;*/
    font-size: 12px;
    font-family: 'MS PMincho';
    border: 1px solid rgb(206,206,206);
    padding: 5px 8px;
    margin: 1px;
}

a.page:hover {
    cursor: pointer;
    color: rgb(0,165,97);
}
/**/
/* a[class*="pageB"]:visited {
    }*/

/*MS PMincho*/
.pageB {
    /*padding: 5px 8px; 重写要>=起效*/
    cursor: text;
    font-weight:bolder;
    background-color: rgb(206,206,206);
    color: rgb(255,255,255);
}

List.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>学生信息列表</title>
    <link href="CSS/PageBarStyle.css" rel="stylesheet" />
    <style>
        .center {
            position: relative;
            left: 50%;
            top: 50%;
        }

        table {
            margin: 20px;
        }

        td {
            text-align: center;
            padding: 6px;
            margin: 5px;
            border: 1px solid #f00;
        }

        p {
            font-size: xx-large;
            color: #0026ff;
            padding: 5px;
            text-align: center;
        }

        .Add {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            border: 1px solid #b200ff;
            padding: 10px 0 0 10px;
            background-color: #ff006e;
            z-index: 110;
            opacity: 0.8;
            font-weight: 800;
        }

        .button {
            margin: 8px 10px 0 auto;
            padding: 5px;
            float: right;
        }

        input[type=button] {
            margin-left: 15px;
        }

        input[type=text] {
            margin: 2px;
        }
    </style>
    <script src="JS/Utility.js"></script>
    <script src="JS/PageBar.js"></script>
    <script type="text/javascript">
        var tblRowId = false;
        var tblScore = false;
        var tblStudent = false;
        var Modify = false;
        //辅助
        function Error() {
            alert("未知原因，操作失败");
            Display("scoAdd", true);
            Display("stuAdd", true);//
        };
        function CheckInput() {
            //数据库表示可以为空返回 true
            //if (txtName.value == "") {
            //    alert("请输入姓名");
            //    return false;
            //}
            //else if (txtAge.value == "") {
            //    alert("请输入年龄");
            //    return false;
            //}
            //else if (txtGender.value == "") {
            //    alert("请输入性别");
            //    return false;
            //}
            //else if (txtCID.value == "") {
            //    alert("请输入班级ID");
            //    return false;
            //}
            //else if (txtBirthday.value == "") {
            //    alert("请输入日期");
            //    return false;
            //}
            return true;
        };
        function Cancel() {
            Modify = false;//1.
            Display(arguments[0], true);
        };
        //End辅助
        //删除操作
        function DeleteCascade() {
            //遍历比较id值
            //var tbl = GetObject("tblSco");
            var length = tblScore.rows.length;
            for (var i = 0; i < length; i++) {
                var ro = tblScore.rows.item(i)
                if (ro.childNodes[0].innerHTML == tblRowId) {
                    // if (ro.id == "sco" + tblRowId) {
                    tblScore.deleteRow(i);
                    tblRowId = false;
                    return;
                }
            }
            tblRowId = false;
        };
        function DeleteResult() {//实际情况下删除后要更新pageCount的，不然删除后，再跳转最后一页，什么都没有了，或出现错误。
            if (arguments[0] == 1) {
                alert("删除成功");
                //界面删除stu
                //var roi = GetObject("stu" + tblRowId).getAttribute("name");
                //GetObject("tblStu").deleteRow(roi);
                //这样删除是错误的，表的行是动态变化的，
                //GetObject("tblStu").deleteRow(tblStuRowIndex);//行索引是从 0 开始的
                //var tbl = GetObject("tblStu");
                length = tblStudent.rows.length;
                for (var i = 0; i < length; i++) {
                    if (tblStudent.rows.item(i).childNodes[0].innerHTML == tblRowId) {
                        tblStudent.deleteRow(i);
                        break;
                    }
                }
                DeleteCascade();
                return;
            }
            alert("删除失败");
        };
        function Delete() {
            if (confirm("确定要删除吗？")) {
                tblRowId = arguments[0];
                var send = "id=" + tblRowId;
                Request("POST", "NonQuery.ashx", false, DeleteResult, null, send);
                //  Request("get", "NonQuery.ashx?" + send, false, DeleteResult, null, null);
            }
        };
        //End删除操作
        //添加
        function AddScoResult() {
            Display("scoAdd", true);//无论结果如何都关闭成绩弹出框
            if (arguments[0] == 1) {
                alert("添加成功");
                return;
            }
            Error();
        };
        function AddStuResult() {
            Display("stuAdd", true);//结果回来然后关闭弹出框
            var cont = arguments[0];
            if (cont >= 1) {//学生插入成功：返回@@identity :自增id identity(1,1)
                InitScoAdd();
                //成绩没有Check:一定会在数据库添加。
                Display("scoAdd", false);
                txtId.value = parseInt(cont);
                //这里通过对比表格的 行数据的ID值 。。。。。更新UI 
                // OK(2);
                return;
            }
            Error();
        };
        var txtName, txtAge, txtGender, txtCID, txtBirthday;
        function InitStuAdd() {
            //若输入框已经实例化了,修改后会自动有值
            if (txtName == undefined || txtName == false) {
                txtName = GetObject("txtName");
                txtAge = GetObject("txtAge");
                txtGender = GetObject("txtGender");
                txtCID = GetObject("txtCID");
                txtBirthday = GetObject("txtBirthday");
            }
        };
        var txtId, txtMath, txtEnglish;
        function InitScoAdd() {
            if (txtId == undefined || txtId == false) {
                txtId = GetObject("txtId");
                txtMath = GetObject("txtMath");
                txtEnglish = GetObject("txtEnglish");
            }
        };
        function Add() {
            //增加stu成功后才显示增加sco否则不显示。
            Display("stuAdd", false);
            //初始化输入框对象
            InitStuAdd();
            // OK(1);
        };
        //End添加
        //修改
        function AppendConcelButton() {
            var btnCnl = document.createElement("input");
            btnCnl.type = "button";
            btnCnl.onclick = function () {
                Cancel("scoAdd");//点击取消按钮，
            };
            btnCnl.value = "取消";
            return btnCnl;
        };
        function RefreshStuUI() {
            var row = GetObject(tblRowId);//存在视觉性 Bug !!!
            //row.firstElementChild.innerHTML = txtId.value;
            row.children.item(1).innerHTML = txtName.value;
            row.childNodes[2].innerHTML = txtAge.value;
            row.childNodes[3].innerHTML = txtGender.value;
            row.children.item(4).innerHTML = txtCID.value;
            row.childNodes[5].innerHTML = txtBirthday.value;
            tblRowId = false;
        };
        function ModifyStuResult() {
            if (arguments[0] == 1) {
                alert("修改成功");
                RefreshStuUI();
            } else {
                alert("修改失败");
            }
            Cancel("stuAdd");//无论成功失败都关闭。
        };
        function RefreshScoUI() {
            var row = GetObject(tblRowId);//存在视觉性 Bug !!!
            row.childNodes[1].innerHTML = txtMath.value;
            row.childNodes[2].innerHTML = txtEnglish.value;
            tblRowId = false;
        };
        function ModifyScoResult() {
            if (arguments[0] == 1) {
                alert("修改成功");
                RefreshScoUI();
            } else {
                alert("修改失败");
            }
            Cancel("scoAdd");//无论成功失败都关闭。
        };
        function InitScoModify() {
            InitScoAdd();
            //给单元格赋值
            var row = GetObject(tblRowId);
            txtId.value = row.firstChild.innerHTML;
            // txtId.value = row.firstElementChild.innerHTML;
            txtMath.value = row.children.item(1).innerHTML;
            txtEnglish.value = row.childNodes[2].innerHTML;
            var ADiv = GetObject("Action");
            if (ADiv.childElementCount == 1)
                // ADiv.insertBefore(AppendConcelButton());
                ADiv.appendChild(AppendConcelButton());
        };
        function InitStuModify() {
            InitStuAdd();
            var row = GetObject(tblRowId);
            //txtId.value = row.firstElementChild.innerHTML;
            txtName.value = row.children.item(1).innerHTML;
            txtAge.value = row.childNodes[2].innerHTML;
            txtGender.value = row.childNodes[3].innerHTML;
            txtCID.value = row.children.item(4).innerHTML;
            txtBirthday.value = row.childNodes[5].innerHTML;
        }
        function Modified() {//传递ID
            tblRowId = arguments[0] + arguments[1];
            if (arguments[0] == "sco") {
                Display("scoAdd", false);
                Modify = true;//开启修改模式，然后，两种情况下关闭：1.点击取消。2.xhr.send()之后。
                InitScoModify();
            } else {
                //stu
                Display("stuAdd", false);
                Modify = true;
                InitStuModify();
            }
        };
        //End修改
        //确定
        function OK() {
            if (arguments[0] == 1) {//stu
                if (CheckInput()) {//发送数据
                    var send = "name=" + txtName.value + "&age=" + txtAge.value + "&gender=" + txtGender.value + "&cid=" + txtCID.value + "&birthday=" + txtBirthday.value;
                    if (!Modify)
                        Request("POST", "NonQuery.ashx", false, AddStuResult, Error, send);
                    else
                        Request("POST", "NonQuery.ashx?actionId=" + tblRowId.toString().substr(3), false, ModifyStuResult, Error, send);
                }
            } else {//sco
                var send = "sid=" + txtId.value + "&math=" + txtMath.value + "&english=" + txtEnglish.value;
                if (!Modify)
                    Request("POST", "NonQuery.ashx", false, AddScoResult, Error, send);
                else
                    Request("POST", "NonQuery.ashx?actionId=" + tblRowId.toString().substr(3), false, ModifyScoResult, Error, send);//
            }//看看是否进入下一步。:可以，
            Modify = false;//2.
        };
        function RemoveRowToTable() {
            var tbl = arguments[0];
            var i = tbl.rows.length - 2;//为不足8行除错
            if (tbl.rows.length > 3)
                for (; i > 1; i--) {//5行数据 倒着删
                    tbl.deleteRow(i);
                }
        };
        function InsertRowTotblSco() {
            var tblScoreRow = tblScore.insertRow(arguments[0]);
            //tblScoreRow.setAttribute("name", arguments[0]);
            //为了对ID进行区别
            tblScoreRow.id = "sco" + arguments[1]; //设置当前行的id值
            //
            var td0 = tblScoreRow.insertCell(-1);//这个没有提示～～(但是有这个方法)
            td0.innerHTML = arguments[1];
            ////火狐下不兼容
            //var td1 = tblScoreRow.insertBefore(document.createElement("td"));
            var td1 = tblScoreRow.insertCell(-1);
            td1.innerHTML = arguments[2];
            //
            var td2 = tblScoreRow.appendChild(document.createElement("td"));
            td2.innerHTML = arguments[3];
            //
            var td3 = tblScoreRow.insertCell(-1);
            //第一种：显示传参
            td3.innerHTML = "<a href='javascript:Modified("sco"," + arguments[1] + ");'>修改</a>";
        };
        function InsertRowTotblStu() {
            var tblStudentRow = tblStudent.insertRow(arguments[0]);//arguments[0]=row的索引
            //tblStudentRow.setAttribute("name", arguments[0]);

            tblStudentRow.id = "stu" + arguments[1];
            var td0 = tblStudentRow.insertCell(-1);
            td0.innerHTML = arguments[1];
            var td1 = tblStudentRow.insertCell(-1);
            td1.innerHTML = arguments[2];
            var td2 = tblStudentRow.insertCell(-1);
            td2.innerHTML = arguments[3];
            var td3 = tblStudentRow.insertCell(-1);
            td3.innerHTML = arguments[4];
            var td4 = tblStudentRow.insertCell(-1);
            td4.innerHTML = arguments[5];
            var td5 = tblStudentRow.insertCell(-1);
            td5.innerHTML = GetDateFromJsonDate(arguments[6]);
            var td6 = tblStudentRow.insertCell(-1);
            //第二种：根据表格行获取单元格值。
            td6.innerHTML = "<a href='javascript:Modified("stu"," + arguments[1] + ");'>修改</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:Delete(" + arguments[1] + ");'>删除</a>";
        };
        function JsonStrToTable() {//接受数据函数
            var arr = arguments[0].split(" ");
            //每次回来数据都更新页数
            pageCount = parseInt(arr[1]);
            var pIndex = parseInt(arr[2]);
            //也可以
            var json = JSON.parse(arr[0]);
            //var json = eval(arguments[0]);   
            if (json != null) {//为防止删除后的出错 
                if (json != undefined) {//对eval的判断
                    if (json.length > 0) {
                        if (json[0].Name == undefined) {
                            RemoveRowToTable(tblScore);
                            //向表格里插入行
                            for (var i = 0; i < json.length ; i++) {
                                //tblScore.rows.length :自动增长的
                                InsertRowTotblSco(tblScore.rows.length - 1, json[i].Id, json[i].Math, json[i].English);
                            }
                            //如果在这里同时插入pageBar当然没问题，pageCount已经初始化了
                            //但是请求页码值无法确定。
                            Paging("pageBarSco", pIndex, "NavigateOnClick", "sco");
                        } else {
                            //清空不需要的数据
                            RemoveRowToTable(tblStudent);
                            for (var i = 0; i < json.length; i++) {
                                //{"sId":{"Id":1,"Math":null,"English":40},
                                // "Id":1,"Name":"张夏槐",
                                // "Age":9,"Gender":"女","CID":2,
                                // "BirthDay":"\/Date(308592000000)\/"},
                                InsertRowTotblStu(tblStudent.rows.length - 1, json[i].Id, json[i].Name, json[i].Age, json[i].Gender, json[i].CID, json[i].BirthDay);
                            }
                            Paging("pageBarStu", pIndex, "NavigateOnClick", "stu");
                        }
                    }
                }
            }
            ////
            //pageCount = false;
        };
        function RequestPageByIndexAndName() {
            function cm() {
                /*
                       var xhr = GetXHR();
                       //重复利用可以用 参数化
                       xhr.open("get", "SList.ashx?pi=" + arguments[0] + "&name=" + arguments[1], true);
                       //http://localhost:1030/List.aspx?pI=1  (Cache)
                       xhr.setRequestHeader("If-Modified-Since", "0");
                       xhr.onreadystatechange = function () {
                           if (xhr.readyState == 4) {
                               if (xhr.status == 200) {
                                   //如果是值是空 json数组是null ,而不是 ""=""
                                   var cont = xhr.responseText;//{"Id":1,"Math":null,"English":40}
                                   //将json 字符串传入-->
                                   JsonStrToTable(cont);
                               } else {
                                   alert("数据错误。");
                               }
                           }
                       };
                       xhr.send(null);
                       */
            };                                      //Error:说明若"Error",未找到函数。
            Request("get", "SList.ashx?pi=" + arguments[0] + "&name=" + arguments[1], true, JsonStrToTable, Error, null);
            //如果在这里同时插入pageBar会出现问题，pageCount还没有值。
            ////只能用线程性接受pageCount
            //var tid = setInterval(function () {
            //    if (pageCount != false) {

            //    }
            //}, 200);
        };
        //被请求页
        function NavigateOnClick() {
            //发送请求
            var pi = arguments[0];
            if (isNaN(pi))
                pi = parseInt(GetObject("pGoto").value);
            if (pi < 1)
                pi = 1;
            else if (pi > pageCount)
                pi = pageCount;
            RequestPageByIndexAndName(pi, arguments[1]);
        };
        window.onload = function () {
            tblStudent = GetObject("tblStu");
            tblScore = GetObject("tblSco");
            RequestPageByIndexAndName(1, "sco");//动态删除后分页有Bug
            RequestPageByIndexAndName(1, "stu");
            ////向PageBar位置输出 
            //pageNavigatorPanel("pageBarSco");
            //pageNavigatorPanel("pageBarStu");
        };
    </script>
</head>
<body>
    <div>
        <p>学生信息列表</p>
        <table cellspacing="0" id="tblSco" class="center" style=" 620px; margin-left: -310px;">
            <tr>
                <td colspan="4" style="padding-bottom: 20px; border: none;">成绩表</td>
            </tr>
            <tr>
                <td>id</td>
                <td>Math</td>
                <td>English</td>
                <td>Edit</td>
            </tr>
            <!--<%--用另一种方式了--%>
         <%----%>   <%=sbSco==null?"":sbSco.ToString() %>-->
            <tr>
                <!-- <td>分页</td>-->
                <td colspan="4">
                    <div id="pageBarSco"></div>
                    <!--                    <a title="首页" class="page" id="pFirst" href="#" style="">首页</a>
                    <a title="上一页" class="page" id="pPrevious" href="#">上一页</a>
                    <a title="" class="page pageB" id="" href="#">8</a>
                    <a title="" class="page pageB" id="A5" href="#">9</a>
                    <a title="" class="page pageB" id="A6" href="#">10</a>
                    <a title="" class="page pageB" id="A7" href="#">11</a>
                    <a title="" class="page pageB" id="A8" href="#">12</a>
                    <a title="下一页" class="page" id="pNext" href="#">下一页</a>
                    <a title="尾页" class="page" id="pTrailer" href="#">尾页</a>
            &nbsp;&nbsp;至第<input type="text" id="pGoto" style="border:1px solid rgb(206,206,206); 31px;height:19px;margin:1px 0;text-align:center;" />页-->
                </td>
                <!--   <td>分页</td>-->
            </tr>
        </table>
        <hr style=" 57%; color: #b200ff;" />
        <table cellspacing="0" id="tblStu" class="center" style=" 760px; margin: 25px 0 0 -380px;">
            <tr>
                <td colspan="6" style="border: none; text-align: left; padding-left: 16px;">学生表</td>
                <td style="border: none;"><a href="javascript:Add();">增加</a></td>
            </tr>
            <tr>
                <td style="">id</td>
                <td>Name</td>
                <td>Age</td>
                <td>Gender</td>
                <td>ClassId</td>
                <td>Birthday</td>
                <td>Edit</td>
            </tr>
            <!--<%--用另一种方式了--%>
         <%----%>   <%=sbStu==null?"":sbStu.ToString() %>-->
            <tr>
                <td>分页</td>
                <td colspan="5">
                    <div id="pageBarStu"></div>
                    <!--                    <a title="首页" class="page" id="A1" href="#">首页</a>
                    <a title="上一页" class="page" id="A2" href="#">上一页</a>
                    <a title="下一页" class="page" id="A3" href="#">下一页</a>
                    <a title="尾页" class="page" id="A4" href="#">尾页</a>          -->
                </td>
                <td>分页</td>
            </tr>
        </table>
    </div>
    <hr style=" 70%; color: #b200ff; margin-top: 2%;" />
    <p style="font-size: medium; padding: 15px 0;">主要练习异步对象，分页</p>
    <!--    有了AJAX就不用提交表单了。-->
    <!--    <form method="post" action="NonQuery.ashx">-->
    <div id="stuAdd" class="Add" style=" 400px; height: 150px; margin-left: -200px; margin-top: -75px;">
        姓名:<input type="text" id="txtName" />
        年龄:<input type="text" id="txtAge" />
        性别:<input type="text" id="txtGender" /><br />
        班级ID:<input type="text" id="txtCID" /><br />
        出生日期:<input type="text" id="txtBirthday" /><br />
        <div class="button">
            <!--不能写成 submit 不然后台得不到数据-->
            <input type="button" value="确定" onclick="OK(1);" /><input type="button" value="取消" onclick="    Cancel('stuAdd');" />
        </div>
    </div>
    <!--    </form>-->
    <!--练习储存过程的@@identity
    <form method="post" action="NonQuery.ashx">-->
    <div id="scoAdd" class="Add" style=" 280px; height: 126px; margin: -63px 0 0 -140px;">
        id:<input type="text" id="txtId" readonly="readonly" /><br />
        Math:<input type="text" id="txtMath" /><br />
        English:<input type="text" id="txtEnglish" />
        <div class="button" id="Action">
            <!--不能写成 submit 不然后台得不到数据-->
            <input type="button" value="确定" onclick="OK(2);" /><!--<input type="button" value="取消" onclick="Cancel();" />-->
        </div>
    </div>
    <!--    </form>-->
</body>
</html>

SList.ashx

<%@ WebHandler Language="C#" Class="SList" %>

using System;
using System.Web;
using System.Web.Script.Serialization;
using System.Collections.Generic;

public class SList : IHttpHandler
{
    private Web.BLL.TransferAction action = null;

    private int rowCount, pageCount;
    private int pageSize = 5, pageIndex;

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/html";

        //不能判断是get,post方式下取值
        string pIndex = context.Request.Params["pi"];
        string tblName = context.Request.QueryString["name"];
        if (pIndex != null && tblName != null)
        {
            pageIndex = int.Parse(pIndex);
            JavaScriptSerializer jsSerializer = new JavaScriptSerializer();

            if (tblName == "sco")//"stu"
            {
                List<Web.Model.MyScore> lsSco = this.GetList<Web.Model.MyScore>(out rowCount, out pageCount, pageIndex, pageSize);
                //序列化为Json字符串。
                context.Response.Write(jsSerializer.Serialize(lsSco));
            }
            else
            {
                List<Web.Model.MyStudent> lsStu = this.GetList<Web.Model.MyStudent>(out rowCount, out pageCount, pageIndex, pageSize);
                context.Response.Write(jsSerializer.Serialize(lsStu));
            }
        }
        //看客户端能接受到pageCount?  YES//别忘了缓冲区。
        //if (pageIndex > pageCount)
        //    pageIndex = pageCount;
        context.Response.Write(" " + pageCount + " " + pageIndex);
    }
    public List<T> GetList<T>(out int rowCount, out int pageCount, int pageIndex, int pageSize = 5)
    {
        //T a = T() ;
        List<T> lt = new List<T>();
        action = new Web.BLL.TransferAction();
        if (lt is List<Web.Model.MyScore>)
        {
            return action.GetListSco(out rowCount, out pageCount, pageIndex, pageSize) as List<T>;
        }
        else
        {
            return action.GetListStu(out rowCount, out pageCount, pageIndex, pageSize) as List<T>;
        }
    }

}

NonQuery.ashx

<%@ WebHandler Language="C#" Class="NonQuery" %>

using System;
using System.Web;

public class NonQuery : IHttpHandler
{
    private int result = -1;
    private Web.BLL.TransferAction action = null;

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/html";
        //临时变量
        int tmp; DateTime dt;
        Web.Model.ActionBehavior AB; //null;//枚举不是引用类型
        //是否可以用到  ActionBehavior
        //不能用传过来的是字符串，不是类型。
        //删除(级联)
        string id = context.Request.Form["id"];
        // string id = context.Request.Params["id"];
        // string id = context.Request.QueryString["id"];
        //添加(学生)
        string name = context.Request.Form["name"];
        //添加(成绩)
        string sid = context.Request.Form["sid"];

        //修改 action=modify
        string actid = context.Request.QueryString["actionId"];
        AB = Web.Model.ActionBehavior.Add;
        if (actid != null)
            AB = Web.Model.ActionBehavior.Modify;

        //用一个 action 对象可以吗？：肯定不行
        if (id != null)
        {
            action = new Web.BLL.TransferAction();
            result = action.ExecuteNonQuery(Web.Model.ActionBehavior.Delete, new Web.Model.MyStudent() { Id = int.Parse(id) });
        }
        else if (name != null)
        {
            string age = context.Request.Form["age"];
            string gender = context.Request.Form["gender"];
            string cid = context.Request.Form["cid"];
            string birthday = context.Request.Form["birthday"];

            action = new Web.BLL.TransferAction();
            result = action.ExecuteNonQuery<Web.Model.MyStudent>(AB,
                new Web.Model.MyStudent()
                {

                    Id = actid == null ? 0 : int.Parse(actid),
                    Name = name == "" ? null : name,
                    Age = int.TryParse(age, out tmp) == true ? (int?)tmp : null,
                    Gender = (gender == "男" || gender == "女") ? (char?)char.Parse(gender) : null,
                    CID = int.TryParse(cid, out tmp) == true ? (int?)tmp : null,
                    BirthDay = DateTime.TryParse(birthday, out dt) == true ? (DateTime?)dt : null
                });
        }
        else if (sid != null)
        {
            string math = context.Request.Form["math"];
            string english = context.Request.Form["english"];

            action = new Web.BLL.TransferAction();

            result = action.ExecuteNonQuery<Web.Model.MyScore>(AB,
                new Web.Model.MyScore()
                {
                    Id = int.Parse(sid),
                    Math = int.TryParse(math, out tmp) == true ? (int?)tmp : null,
                    English = int.TryParse(english, out tmp) == true ? (int?)tmp : null
                });
        }
        //结果返回
        context.Response.Write(result);
    }

}

DataAction.cs

    public class DataAction
    {
        private List<Web.Model.MyStudent> ltStu = null;
        private List<Web.Model.MyScore> ltSco = null;
        public DataAction()
        {
            ltStu = new List<Web.Model.MyStudent>();
        }

        public List<Web.Model.MyStudent> GetListStu(out int rowCount, out int pageCount, int pageIndex, int pageSize = 5)
        {
            rowCount = pageCount = -1;
            //定义参数
            System.Data.SqlClient.SqlParameter[] param = {new System.Data.SqlClient.SqlParameter( "@pageIndex",pageIndex),
                    new System.Data.SqlClient.SqlParameter("@pageSize",pageSize),
                    new System.Data.SqlClient.SqlParameter("@rowCount",rowCount),
                    new System.Data.SqlClient.SqlParameter("@pageCount",pageCount) };
            //方向
            param[2].Direction = System.Data.ParameterDirection.Output;
            param[3].Direction = System.Data.ParameterDirection.Output;

            using (System.Data.SqlClient.SqlDataReader reader = SqlHelper.ExecuteGetPaging("pro_MyStudent", param))
            {
                if (reader.HasRows)
                {
                    Web.Model.MyStudent stu = null;
                    ltStu = new List<Model.MyStudent>();
                    while (reader.Read())
                    {
                        //由于储存过程
                        //  select * from (
                        //      select row_number() over(order by id) as IsIdentity,* from MyStudent
                        //  ) as tbl where tbl.IsIdentity between * and * 
                        //增加了一列IsIdentity
                        stu = new Web.Model.MyStudent();
                        stu.Id = int.Parse(reader[1].ToString());
                        stu.sId = this.GetScore(stu.Id);
                        stu.Name = reader.IsDBNull(2) ? null : reader[2].ToString();
                        stu.Age = reader.IsDBNull(3) ? null : (int?)reader.GetInt32(3);
                        stu.Gender = reader.IsDBNull(4) ? null : (char?)char.Parse(reader[4].ToString());
                        stu.CID = reader.IsDBNull(5) ? null : (int?)int.Parse(reader[5].ToString());
                        stu.BirthDay = reader.IsDBNull(6) ? null : (DateTime?)reader.GetDateTime(6);
                        ltStu.Add(stu);
                    }

                    //为什么？？？
                    //结束当前游标 (指向下一个程序集。）
                    if (reader.NextResult())
                    {
                        //while (reader.Read())
                        //{
                        //    rowCount = int.Parse(param[2].Value.ToString());
                        //    pageCount = Convert.ToInt32(param[3].Value);
                        //}
                    }
                    // object a=reader[0];
                    rowCount = int.Parse(param[2].Value.ToString());
                    pageCount = Convert.ToInt32(param[3].Value);
                }
                return ltStu;
            }
        }

        public List<Web.Model.MyScore> GetListSco(out int rowCount, out int pageCount, int pageIndex, int pageSize = 5)
        {
            rowCount = pageCount = -1;
            using (System.Data.DataTable dt = SqlHelper.ExecuteGetPaging("pro_MyScore", out rowCount, out pageCount, pageIndex, pageSize))
            {
                if (dt.Rows.Count > 0)
                {
                    ltSco = new List<Model.MyScore>();
                    foreach (System.Data.DataRow item in dt.Rows)
                    {
                        Web.Model.MyScore score = new Model.MyScore();
                        score.Id = int.Parse(item[0].ToString());
                        score.Math = item.IsNull(1) ? null : (int?)int.Parse(item[1].ToString());
                        score.English = item.IsNull(2) ? null : (int?)int.Parse(item[2].ToString());
                        ltSco.Add(score);
                    }
                }
                return ltSco;
            }
        }

        public Web.Model.MyScore GetScore(int id)
        {
            Web.Model.MyScore score = null;
            string sql = "select * from MyScore where id=@id";
            System.Data.SqlClient.SqlParameter[] param =
            {
                new System.Data.SqlClient.SqlParameter("@id",id),
            };

            using (System.Data.DataTable dt = SqlHelper.ExecuteDataTable(sql, param))
            {
                if (dt.Rows.Count > 0)
                {
                    score = new Web.Model.MyScore();
                    System.Data.DataRow row = dt.Rows[0];
                    score.Id = int.Parse(row[0].ToString());
                    score.Math = row.IsNull(1) ? null : (int?)int.Parse(row[1].ToString());
                    score.English = row.IsNull(2) ? null : (int?)int.Parse(row[2].ToString());
                } return score;
            }
        }
        public Web.Model.MyStudent GetStudent(int id)
        {
            Web.Model.MyStudent student = null;
            string sql = "select * from MyStudent where id=@id";
            System.Data.SqlClient.SqlParameter[] param =
            {
                new System.Data.SqlClient.SqlParameter("@id",id),
            };
            using (System.Data.SqlClient.SqlDataReader reader = SqlHelper.ExecuteReader(sql, param))
            {
                if (reader.HasRows)
                {
                    student = new Web.Model.MyStudent();
                    while (reader.Read())
                    {
                        student.Id = reader.GetInt32(0);
                        student.sId = this.GetScore(student.Id);
                        student.Name = reader.IsDBNull(1) ? null : reader.GetString(1);
                        student.Age = reader.IsDBNull(2) ? null : (int?)reader.GetInt32(2);
                        student.Gender = reader.IsDBNull(3) ? null : (char?)Convert.ToChar(reader[3]);
                        student.CID = reader.IsDBNull(4) ? null : (int?)int.Parse(reader[4].ToString());
                        student.BirthDay = reader.IsDBNull(5) ? null : (DateTime?)DateTime.Parse(reader[5].ToString());
                    }
                }
                return student;
            }
        }

        public int ExecuteNonQuery<T>(Web.Model.ActionBehavior behavior, T S)
        {
            string sql = string.Empty;
            System.Data.SqlClient.SqlParameter[] param = null;
            if (S is Web.Model.MyStudent)
            {
                Web.Model.MyStudent stu = S as Web.Model.MyStudent;
                switch (behavior)
                {
                    case Web.Model.ActionBehavior.Add:
                        // int tmp = -1;
                        //sql = "insert into MyStudent values(@n,@a,@g,@ci,@b)";
                        sql = "pro_GetIdentityFromMyStu";
                        //切记： 参数名要和字段名(储存过程)一致和参数要加@
                        param = new System.Data.SqlClient.SqlParameter[]{
                            new System.Data.SqlClient.SqlParameter("@name",stu.Name==null?DBNull.Value:(object)stu.Name),
                            new System.Data.SqlClient.SqlParameter("@age",stu.Age==null?DBNull.Value:(object)stu.Age),
                            new System.Data.SqlClient.SqlParameter("@gender",stu.Gender==null?DBNull.Value:(object)stu.Gender),
                            new System.Data.SqlClient.SqlParameter("@classId",stu.CID==null?DBNull.Value:(object)stu.CID),
                            new System.Data.SqlClient.SqlParameter("@birthday",stu.BirthDay==null?DBNull.Value:(object)stu.BirthDay)
                          // new System.Data.SqlClient.SqlParameter("@identity",tmp)
                        };
                        //但是可以带出参数的准确值
                        // param[5].Direction = System.Data.ParameterDirection.Output;
                        // select @identity=@@IDENTITY 这个储存过程没有产生结果集
                        //System.Data.DataTable  a = SqlHelper.ExecuteDataTable(sql, true, param);
                        //Convert.ToInt32(param[5].Value);
                        //修改为  select @@IDENTITY 得到程序集
                        return Convert.ToInt32(SqlHelper.ExecuteDataTable(sql, true, param).Rows[0][0]);
                    case Web.Model.ActionBehavior.Modify:
                        sql = "update MyStudent set Name=@n,Age=@a,Gender=@g,ClassId=@ci,Birthday=@b where id=@id";
                        param = new System.Data.SqlClient.SqlParameter[]{
                            new System.Data.SqlClient.SqlParameter("@id",stu.Id),
                            new System.Data.SqlClient.SqlParameter("@n",stu.Name==null?DBNull.Value:(object)stu.Name),
                            new System.Data.SqlClient.SqlParameter("@a",stu.Age==null?DBNull.Value:(object)stu.Age),
                            new System.Data.SqlClient.SqlParameter("@g",stu.Gender==null?DBNull.Value:(object)stu.Gender),
                            new System.Data.SqlClient.SqlParameter("@ci",stu.CID==null?DBNull.Value:(object)stu.CID),
                            new System.Data.SqlClient.SqlParameter("@b",stu.BirthDay==null?DBNull.Value:(object)stu.BirthDay)
                        };
                        break;
                    case Web.Model.ActionBehavior.Delete:
                        sql = "delete from MyStudent where id=@id";//设置的是级联删除
                        param = new System.Data.SqlClient.SqlParameter[] { new System.Data.SqlClient.SqlParameter("@id", stu.Id) };
                        break;
                }
            }
            else
            {
                Web.Model.MyScore score = S as Web.Model.MyScore;
                switch (behavior)
                {
                    case Web.Model.ActionBehavior.Modify:
                        sql = "update MyScore set Math=@m,English=@e where id=@id";
                        param = new System.Data.SqlClient.SqlParameter[] {
                            new System.Data.SqlClient.SqlParameter("@id",score.Id),
                        new System.Data.SqlClient.SqlParameter("@m",score.Math==null?DBNull.Value:(object)score.Math),
                        new System.Data.SqlClient.SqlParameter("@e",score.English==null?DBNull.Value:(object)score.English)};
                        break;
                    case Web.Model.ActionBehavior.Add:
                        sql = "insert into MyScore values(@id,@m,@e)";
                        param = new System.Data.SqlClient.SqlParameter[] {
                        new System.Data.SqlClient.SqlParameter("@id",score.Id),
                        new System.Data.SqlClient.SqlParameter("@m",score.Math==null?DBNull.Value:(object)score.Math),
                        new System.Data.SqlClient.SqlParameter("@e",score.English==null?DBNull.Value:(object)score.English)};
                        break;
                    /*  case Web.Model.ActionBehavior.Delete:
                          sql = "delete from MyScore where id";*/
                }
            }
            return SqlHelper.ExecuteNonQuery(sql, param);
        }
    }

SqlHelper.cs

    public static class SqlHelper
    {
        private readonly static string connstr = ConfigurationManager.ConnectionStrings["sql"].ConnectionString;

        #region 这两个方法可以和起来

        public static System.Data.SqlClient.SqlDataReader ExecuteReader(string sql, params System.Data.SqlClient.SqlParameter[] param)
        {
            System.Data.SqlClient.SqlConnection con = new System.Data.SqlClient.SqlConnection(connstr);

            using (System.Data.SqlClient.SqlCommand cmd = new System.Data.SqlClient.SqlCommand(sql, con))
            {
                if (param != null)
                {
                    cmd.Parameters.AddRange(param);
                }
                con.Open();
                return cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
            }
        }
        //public static System.Data.SqlClient.SqlDataReader ExecuteGetPaging(out int rowCount, out int pageCount, string proName, int pageIndex, int pageSize = 5)
        //{
        public static System.Data.SqlClient.SqlDataReader ExecuteGetPaging(string proName, params System.Data.SqlClient.SqlParameter[] param)
        {
            //System.Data.SqlClient.SqlDataReader reader = null;
            //rowCount = pageCount = -1;
            System.Data.SqlClient.SqlConnection con = new System.Data.SqlClient.SqlConnection(connstr);

            using (System.Data.SqlClient.SqlCommand cmd = new System.Data.SqlClient.SqlCommand(proName, con))
            {
                cmd.CommandType = System.Data.CommandType.StoredProcedure;
                //System.Data.SqlClient.SqlParameter[] param = {new System.Data.SqlClient.SqlParameter( "@pageIndex",pageIndex),
                //        new System.Data.SqlClient.SqlParameter("@pageSize",pageSize),
                //        new System.Data.SqlClient.SqlParameter("@rowCount",rowCount),
                //        new System.Data.SqlClient.SqlParameter("@pageCount",pageCount) };
                //param[2].Direction = System.Data.ParameterDirection.Output;
                //param[3].Direction = System.Data.ParameterDirection.Output;
                if (param != null)
                {
                    cmd.Parameters.AddRange(param);
                }
                con.Open();
                //reader = cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
                //return reader;
                return cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
            }
        }
        #endregion
        #region 和起来的ExecuteReader

        public static System.Data.SqlClient.SqlDataReader ExecuteReader(string sql, bool isProc, params System.Data.SqlClient.SqlParameter[] param)
        {
            System.Data.SqlClient.SqlConnection con = new System.Data.SqlClient.SqlConnection(connstr);
            using (System.Data.SqlClient.SqlCommand cmd = new System.Data.SqlClient.SqlCommand(sql, con))
            {
                if (isProc)
                    cmd.CommandType = System.Data.CommandType.StoredProcedure;
                if (param != null)
                    cmd.Parameters.AddRange(param);
                con.Open();
                return cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
            }
        }
        #endregion

        public static System.Data.DataTable ExecuteDataTable(string sql, params System.Data.SqlClient.SqlParameter[] param)
        {
            System.Data.DataTable dt = new System.Data.DataTable();
            using (System.Data.SqlClient.SqlDataAdapter adapter = new System.Data.SqlClient.SqlDataAdapter(sql, connstr))
            {
                if (param != null)
                {
                    adapter.SelectCommand.Parameters.AddRange(param);
                }
                adapter.Fill(dt);
                return dt;
            }
        }

        public static System.Data.DataTable ExecuteGetPaging(string proName, out int rowCount, out int pageCount, int pageIndex, int pageSize = 5)
        {
            //out特性
            rowCount = pageCount = -1;
            System.Data.DataTable dt = new System.Data.DataTable();
            using (System.Data.SqlClient.SqlDataAdapter adapter = new System.Data.SqlClient.SqlDataAdapter(proName, connstr))
            {
                //查询命令类型
                adapter.SelectCommand.CommandType = System.Data.CommandType.StoredProcedure;
                //参数放在外面是否更合适呢？
                System.Data.SqlClient.SqlParameter[] param = 
                {
                        new System.Data.SqlClient.SqlParameter("@pageIndex",pageIndex),
                        new System.Data.SqlClient.SqlParameter("@pageSize",pageSize),
                        new System.Data.SqlClient.SqlParameter("@rowCount",rowCount),
                        new System.Data.SqlClient.SqlParameter("@pageCount",pageCount)
                 };
                adapter.SelectCommand.Parameters.AddRange(param);
                //参数方向
                param[2].Direction = System.Data.ParameterDirection.Output;
                param[3].Direction = System.Data.ParameterDirection.Output;
                adapter.Fill(dt);
                //为确保转换成功不能使用强制类型转换---参数赋值
                // rowCount = param[2].Value;
                rowCount = Convert.ToInt32(param[2].Value);
                pageCount = int.Parse(param[3].Value.ToString());

                return dt;
            }
        }

        public static System.Data.DataTable ExecuteDataTable(string sql, bool isProc, params System.Data.SqlClient.SqlParameter[] param)
        {
            System.Data.DataTable dt = new System.Data.DataTable();
            using (System.Data.SqlClient.SqlDataAdapter adapter = new System.Data.SqlClient.SqlDataAdapter(sql, connstr))
            {
                if (isProc)//执行的是插入的储存过程，给SelectCommand赋值可以吗？ :可以
                    adapter.SelectCommand.CommandType = System.Data.CommandType.StoredProcedure;
                if (param != null)
                    adapter.SelectCommand.Parameters.AddRange(param);
                adapter.Fill(dt);
                return dt;
            }
        }

        public static int ExecuteNonQuery(string sql, params System.Data.SqlClient.SqlParameter[] param)
        {
            using (System.Data.SqlClient.SqlConnection con = new System.Data.SqlClient.SqlConnection(connstr))
            {
                using (System.Data.SqlClient.SqlCommand cmd = new System.Data.SqlClient.SqlCommand(sql, con))
                {
                    if (param != null)
                        cmd.Parameters.AddRange(param);
                    con.Open();
                    //若级联插入出错不会返回-1，没有报错 会返回状态码 500=服务器内部错误，前台处理一下
                    int a=cmd.ExecuteNonQuery();
                    return a;
                }
            }
        }
    }

ActionBehavior.cs

    public enum ActionBehavior
    {
        Add,Modify,Delete
    }

项目文件：https://pan.baidu.com/s/1i31e65f