WebForms编辑数据同步至VB.NET控件及自动保存的代码可行性问询

请问下述代码能否实现将WebForms中编辑的数据传递至VB.NET代码并赋值给对应控件？我希望使用jQuery实现WebForms数据的自动保存功能，相关VB.NET代码如下：

Partial Class AccountSummary
    Inherits System.Web.UI.Page

    <WebMethod()>
    Public Shared Sub SaveData(editedFields As Object)
        Try
            ' Deserialize the JSON data
            Dim serializer As New JavaScriptSerializer()
            Dim editedFieldsDictionary As Dictionary(Of String, Object) = serializer.Deserialize(Of Dictionary(Of String, Object))(editedFields.ToString())

            ' Update controls on the server side using only edited fields
            For Each keyValuePair In editedFieldsDictionary
                Dim controlId As String = keyValuePair.Key
                Dim controlValue As Object = keyValuePair.Value

                ' Find the control by ID
                Dim control As Control = FindControlRecursive(Page, controlId)

                If control IsNot Nothing Then
                    ' Update the control value based on the type
                    If TypeOf control Is TextBox Then
                        DirectCast(control, TextBox).Text = controlValue.ToString()
                    ElseIf TypeOf control Is CheckBox Then
                        DirectCast(control, CheckBox).Checked = Convert.ToBoolean(controlValue)
                    ElseIf TypeOf control Is DropDownList Then
                        DirectCast(control, DropDownList).SelectedValue = controlValue.ToString()
                    End If
                End If
            Next
        Catch ex As Exception
            ' Handle exception
        End Try
    End Sub

    ' Recursive method to find a control by ID
    Private Shared Function FindControlRecursive(parent As Control, controlId As String) As Control
        For Each child As Control In parent.Controls
            If child.ID = controlId Then
                Return child
            End If

            Dim foundControl As Control = FindControlRecursive(child, controlId)
            If foundControl IsNot Nothing Then
                Return foundControl
            End If
        Next

        Return Nothing
    End Function
End Class

这段代码无法直接实现需求，核心问题及修正方案如下：

关键问题 #

1. 静态方法无法访问Page实例：SaveData是Shared（静态）方法，WebMethod的静态上下文不存在Page对象，调用FindControlRecursive(Page, controlId)会直接抛出空引用异常。
2. 手动序列化冗余且易出错：ASP.NET WebMethod会自动处理JSON与.NET对象的序列化，无需将editedFields转为字符串后手动反序列化，直接声明参数类型即可。
3. 控件赋值无持久化：即使绕过静态方法限制修改控件，静态方法中修改的控件状态不会写入ViewState或Session，页面刷新后数据会丢失——WebForms的正确做法是更新数据源（如数据库），而非直接修改服务器控件。

修正后的VB.NET代码 #

Partial Class AccountSummary
    Inherits System.Web.UI.Page

    <WebMethod()>
    Public Shared Sub SaveData(editedFields As Dictionary(Of String, Object))
        Try
            ' 此处替换为实际数据源更新逻辑（如写入数据库）
            For Each keyValuePair In editedFields
                Dim controlId As String = keyValuePair.Key
                Dim controlValue As Object = keyValuePair.Value

                ' 示例：输出修改记录（生产环境替换为数据库操作）
                System.Diagnostics.Debug.WriteLine($"更新控件 {controlId} 为值 {controlValue}")
            Next
        Catch ex As Exception
            ' 生产环境添加具体异常处理（如日志记录）
            Throw New Exception("保存失败：" & ex.Message)
        End Try
    End Sub
End Class

jQuery自动保存实现代码 #

$(function() {
    // 监听表单控件的编辑事件（可按需调整触发时机）
    $('input[type="text"], input[type="checkbox"], select').on('change blur', function() {
        saveEditedField($(this));
    });

    function saveEditedField($control) {
        var editedFields = {};
        var controlId = $control.attr('id');
        var controlValue;

        // 根据控件类型获取值
        if ($control.is(':checkbox')) {
            controlValue = $control.is(':checked');
        } else {
            controlValue = $control.val();
        }

        editedFields[controlId] = controlValue;

        // 调用WebMethod保存数据
        $.ajax({
            type: "POST",
            url: "AccountSummary.aspx/SaveData",
            data: JSON.stringify({ editedFields: editedFields }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function() {
                console.log("保存成功");
            },
            error: function(xhr, status, error) {
                console.error("保存失败：" + error);
            }
        });
    }
});

补充说明 #

• 若确实需要在服务器端更新控件状态（仅适用于回发场景），应放弃WebMethod，改用UpdatePanel实现局部刷新，或在页面回发时处理控件值。
• 生产环境需添加输入验证（如校验控件ID合法性、值的格式），避免恶意数据提交。

内容的提问来源于stack exchange，提问作者Aswin Prakash