如何用JavaScript显示web.config中appSettings的值并传递后台变量至alert？

很简单啦，你只需要在后台的display()方法里把拿到的配置值转换成前端可执行的alert脚本，注册到页面上就行，一次调用就能搞定。下面分两种常见场景给你具体代码：

普通Web Forms页面（无UpdatePanel） #

直接使用ClientScript注册启动脚本，页面加载完成后会自动弹出alert：

using System.Web;
using System.Configuration;

public void display() 
{
    string msg = ConfigurationManager.AppSettings["pat_ins_suc"];
    // 对消息进行JS转义，避免特殊字符导致语法错误或XSS风险
    string encodedMsg = HttpUtility.JavaScriptStringEncode(msg);
    // 注册客户端脚本：参数依次是类型、唯一标识、脚本内容、是否自动添加<script>标签
    ClientScript.RegisterStartupScript(this.GetType(), "ShowRegistrationAlert", $"alert('{encodedMsg}');", true);
}

使用UpdatePanel的异步场景 #

如果你的页面用了UpdatePanel做局部刷新，得改用ScriptManager来注册脚本，否则异步回发后脚本不会生效：

using System.Web;
using System.Configuration;
using System.Web.UI;

public void display() 
{
    string msg = ConfigurationManager.AppSettings["pat_ins_suc"];
    string encodedMsg = HttpUtility.JavaScriptStringEncode(msg);
    ScriptManager.RegisterStartupScript(this, this.GetType(), "ShowRegistrationAlert", $"alert('{encodedMsg}');", true);
}

怎么调用这个方法？ #

你只需要在合适的时机触发display()就行，比如页面首次加载时：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        display();
    }
}

或者绑定到按钮的点击事件里，用户点击按钮后弹出提示。

重要提醒 #

• 必须转义消息内容：用HttpUtility.JavaScriptStringEncode()处理配置值，要是里面有单引号、换行这类特殊字符，直接拼接会让JS代码报错，甚至有XSS安全隐患。
• 脚本标识要唯一：第二个参数是脚本的唯一ID，别和页面上其他注册的脚本重名，不然会被覆盖。

内容的提问来源于stack exchange，提问作者Bijnana Acharya