通过AJAX与ASP.NET结合实现的仿GridView增删改查功能！

jQurey代码部分：

创新互联-专业网站定制、快速模板网站建设、高性价比蒲县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式蒲县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖蒲县地区。费用合理售后完善，十载实体公司更值得信赖。

  
        var flag = 0;  
 
        //添加新行 
        function addRow() {  
            var nrow = "文本框多行文本区下拉框单选框复选框 ";  
            if (flag == 0) {  
                $('#attributetable').append(nrow);  
                flag = 1;  
            }  
        }  
 
        //添加新行中的数据到后台 
        function addData(obj) {  
 
 
            var trobj = $(obj).parents('tr');  
            var username = $(trobj).find(':text[name=username]').val();  
            var seltype = $(trobj).find('select[name=seltype]').val();  
 
            $.post("SupplyAJAX.aspx", { username: username, seltype: seltype, type: "add" }, function (data) {  
                if (data.toString() != "0") {  
                    $(trobj).find(':hidden[name=hideid]').val(data.toString());  
                    changeDisable(obj, 0);  
                }  
                else {  
                    deleteNewRow(obj);  
                    alert('添加失败');  
                }  
            });  
            flag = 0;  
        }  
          
        //更新行 
        function updData(obj) {  
 
              
            var trobj = $(obj).parents('tr');  
            var id = $(trobj).find(':hidden[name=hideid]').val();  
            var username = $(trobj).find(':text[name=usrname]').val();  
           
            var seltype = $(trobj).find('select[name=seltype]').val();  
            $.post("SupplyAJAX.aspx", { id: id, username: username, seltype: seltype, type: "update" },   
            function (data) {  
         
                if (data.toString() != "0") {  
                    changeDisable(obj, 0);  
                }  
                else {  
                    alert('更新失败');  
                }  
            });  
        }  
        //删除新行 
        function deleteNewRow(obj) {  
            $(obj).parents('tr').replaceWith('');  
            flag = 0;  
        }  
        //删除数据库中的行 
        function deleteRow(obj) {  
            var trobj = $(obj).parents('tr');  
            var id = $(trobj).find(':hidden[name=hideid]').val();  
            $.post("SupplyAJAX.aspx", { id: id, type: "delete" },   
            function (data) {  
                if (data.toString() != "0") {  
                    $(obj).parents('tr').replaceWith('');  
                }  
                else {  
                    alert('删除失败');  
                }  
            });  
        }  
 
        //改变编辑状态 
        function changeDisable(obj, type) {  
            var trobj = $(obj).parents('tr');  
            if (type == 0) {  
                $(trobj).find(':text').attr('disabled', 'disabled');  
                $(trobj).find('select').attr('disabled', 'disabled');  
                $(trobj).find('span[name=buttonspan]').html(" ");  
            }  
            if (type == 1) {  
                $(trobj).find(':text').attr('disabled', '');  
                $(trobj).find('select').attr('disabled', '');  
                $(trobj).find('span[name=buttonspan]').html(" ");  
            }  
        }  
     

HTML代码部分：