ASP.NET中JS调用C#函数时Page.Controls.Add无法生效

根本原因 #

1. 静态方法无法直接访问Page实例：你写的Submit是静态方法，而Page是页面类的实例成员，静态方法里直接调用Page.Controls.Add会因为没有有效的Page实例而失效（实际运行时Page对象为null），注释里的HttpContext.Current.CurrentHandler as Page是正确获取当前Page实例的方式，但你没实际使用它。
2. Ajax请求的局限性：Ajax是异步获取数据的请求，后台生成的控件不会自动渲染到前端页面——因为Ajax只返回你指定的JSON数据，不会触发页面的整个生命周期渲染，所以即使后台成功添加了控件，前端也看不到任何变化。

修复方案 #

方案一：前端动态插入表单（推荐，符合Ajax场景） #

把后台生成的表单HTML字符串返回给前端，由JavaScript动态插入到页面中：

修改C#方法

// 添加WebMethod特性并开启Session支持
[System.Web.Services.WebMethod(EnableSession = true)]
public static string Submit(string amount)
{    
    string PGURL = WebConfigurationManager.AppSettings["CashfreebaseURl"];
    System.Collections.Hashtable data1 = new System.Collections.Hashtable();
    // 省略其他填充data1的业务代码
    data1.Add("notifyUrl", notifyUrl.ToString());
    data1.Add("signature", signature);

    string strForm = PreparePOSTForm(PGURL, data1);
    HttpContext.Current.Session["TransData"] = data1;

    // 移除Page.Controls.Add代码，直接返回表单HTML字符串
    return strForm;
}

修改前端Ajax代码

function SubmitPayment() {
    var amount = parseFloat($('#txAmt').val().replace(/[^0-9.]/g, '').replace(',', ''));
    $.ajax({
        type: "POST",
        url: "AddFundPG.aspx/Submit",
        data: JSON.stringify({ amount: amount }), // 用JSON.stringify避免字符串拼接语法错误
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (res) {
            // 将返回的表单HTML插入到页面指定容器，比如id为formContainer的div
            $('#formContainer').html(res.d);
            // 如果需要自动提交表单，可在此调用submit方法
            $('#formContainer form').submit();
        },
        error: function (res) {
            console.error('请求失败:', res);
        }
    });
}

方案二：改用非静态方法+UpdatePanel（适合需保留后台控件操作的场景） #

如果一定要在后台添加控件，需要把Submit改成非静态方法，并用UpdatePanel实现局部刷新：

1. 页面添加UpdatePanel：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <!-- 存放表单的容器 -->
        <div id="formContainer" runat="server"></div>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
<!-- 隐藏按钮用于触发后台事件 -->
<asp:Button ID="btnSubmit" runat="server" Style="display:none;" OnClick="Submit_Click" />
<!-- 隐藏域传递金额参数 -->
<asp:HiddenField ID="hdnAmount" runat="server" />

2. 后台编写非静态事件方法：

protected void Submit_Click(object sender, EventArgs e)
{
    string amount = hdnAmount.Value;
    string PGURL = WebConfigurationManager.AppSettings["CashfreebaseURl"];
    System.Collections.Hashtable data1 = new System.Collections.Hashtable();
    // 省略填充data1的业务代码
    data1.Add("notifyUrl", notifyUrl.ToString());
    data1.Add("signature", signature);

    string strForm = PreparePOSTForm(PGURL, data1);
    Session["TransData"] = data1;

    // 直接向容器添加控件
    formContainer.Controls.Add(new LiteralControl(strForm));
}

3. 前端触发后台事件：

function SubmitPayment() {
    var amount = parseFloat($('#txAmt').val().replace(/[^0-9.]/g, '').replace(',', ''));
    // 把金额存入隐藏域
    $('#<%= hdnAmount.ClientID %>').val(amount);
    // 触发隐藏按钮的点击事件，触发UpdatePanel局部刷新
    $('#<%= btnSubmit.ClientID %>').click();
}

额外注意点 #

• 原Ajax代码中手动拼接JSON字符串容易出现语法错误，建议改用JSON.stringify。
• 静态方法中访问Session必须添加[WebMethod(EnableSession = true)]特性。

内容的提问来源于stack exchange，提问作者Pushpendra Poonia