一种方法是使用jQuery的AJAX功能。在GridView中添加一个空白行，在该行中添加控件以添加新记录。当用户提交数据时，使用jQuery将数据通过AJAX发送到服务器。服务器应该将新行添加到数据源中，然后返回已更新的数据，以便JavaScript在无需刷新整个页面的情况下更新GridView。

HTML代码：

    
        
            
                
            
            
                
            
            
                <%--空白行--%>
                
                
            
        
    

JavaScript代码：

$(document).ready(function () {
    //当“Add”按钮被单击时，使用jQuery发送数据并更新GridView
    $('#<%=btnAdd.ClientID %>').click(function (e) {
        e.preventDefault();
        var newName = $('#<%=txtNewName.ClientID %>').val();
        $.ajax({
            type: "POST",
            url: "WebService.asmx/AddName",
            data: "{ 'newName': '" + newName + "' }",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                $('#<%=GridView1.ClientID %>').html(msg.d);
            },
            error: function (xhr, status, error) {
                alert(error);
            }
        });
    });
});

C#代码：

[WebMethod]