请教一下，asp gridview 如何无刷新的新增一行带有编辑删除列的数据啊？

当点击保存按钮时，保存文本框的数据到数据库，同时在gridview 中新增一行，要求带有编辑和删除列。 
前台：
  工號:  <asp:TextBox ID="id" name="no" runat="server"></asp:TextBox>
       姓名:    <asp:TextBox ID="name" name="no2" runat="server"></asp:TextBox>
     入職時間:    <asp:TextBox ID="txt_date" name="no3"  onclick ="WdatePicker()" runat="server"></asp:TextBox>
      部門 :   <asp:DropDownList ID="dept" runat="server"> </asp:DropDownList>
 <input type="button" id="btnAdd" name="sub" value="保存" />  
<Columns>
          <asp:BoundField HeaderText="工號" DataField="ID" />
            <asp:BoundField HeaderText="姓名" DataField="Name" />
            <asp:BoundField HeaderText="入職時間" DataFormatString="{0:d}" DataField="intime" />
            <asp:BoundField HeaderText="部門" DataField="dept" />
             <asp:CommandField HeaderText="編輯"   ShowEditButton="True" > </asp:CommandField>
            <asp:CommandField  HeaderText="删除" ShowDeleteButton="True" >  </asp:CommandField>
        </Columns>
-----------------请问我下面这个该怎么添加编辑删除啊？
$("#btnAdd").click(function () {
            var Jsonform = $("#form1").serialize();
            $.post("info.aspx?act=saveall", Jsonform, function (result) {

                var json = eval("(" + result + ")");
                var str = json[0].Success;
                if (str != "false") {
                    var table = document.getElementById("dgPersons").getElementsByTagName("tbody");
                    var tr = document.createElement("tr");
                    var tdID = document.createElement("td");
                    var tdName = document.createElement("td");
                    var tdintime = document.createElement("td");
                    var tddept = document.createElement("td");
                  
                    tdID.innerHTML = document.getElementById("id").value;
                    tdName.innerHTML = document.getElementById("name").value;
                    tdintime.innerHTML = document.getElementById("txt_date").value;
                    tddept.innerHTML = document.getElementById("dept").value;
                    tr.appendChild(tdID);
                    tr.appendChild(tdName);
                    tr.appendChild(tdintime);
                    tr.appendChild(tddept);
                    
                    table[0].appendChild(tr);

                    alert("保存成功！");
                }
                else {
                    var str1 = json[0].MSG;
                    alert("保存失败！" + str1);
                }
            });

        })