在Asp.Net MVC 中如何用JS訪問Web.Config中appSettings的值

應用場景：

很多時候我們要在Web.Config中添加appSettings的鍵值對來標識一些全局的信息，比如：調用service的domain，跳轉其他網站頁面的url 等等；

那么此時就涉及到了一個問題，如何在JS中去訪問這些config信息？

我們主要的思路就是：在后台讀取appSetting的值保存在ViewBag中，然后前台JS直接去訪問ViewBag所對應的值。

詳細信息請看如下三種解決方案：

解決方案1）：

向FilterConfig添加注冊，在Action Result執行之前，將獲取的appSetting的值保存到ViewBag中

    public class RegisterUrlConfig : ActionFilterAttribute
    {
        public override void OnResultExecuting(ResultExecutingContext filterContext)
        {
            filterContext.Controller.ViewBag.RegisterUrl = ConfigurationManager.AppSettings["SomeKeyName"];
        }
    }

 

然后將RegisterUrlConfig添加到FilterConfig中（默認情況下FilterConfig在project項目初期會存在App_Start文件夾下）

    public class FilterConfig
    {
        public static void RegisterGlobalFilters(GlobalFilterCollection filters)
        {
            filters.Add(new HandleErrorAttribute());
            filters.Add(new RegisterUrlConfig());
        }
    }

 

最后在Application_Start 中完成 FilterConfig的調用注冊（默認情況下Application_Start 在Global.asax.cs中）

        protected void Application_Start()
        {
            AutofacConfig.Register();
            AreaRegistration.RegisterAllAreas();
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }

 

之后我們就可以用JS對ViewBag中的值進行讀取了

        var regUrl = @Html.Raw(Json.Encode(ViewBag.RegisterUrl));    

 

解決方案2）：

添加BaseController，並且在其中完成對ViewBag的賦值，然后讓其他Controller繼承之

    public class BaseController : Controller
    {
        protected override void OnActionExecuted(ActionExecutedContext filterContext)
        {
             ViewBag.WebServiceURL = ConfigurationManager.AppSettings["SomeKeyName"] != null ? ConfigurationManager.AppSettings["SomeKeyName"].ToString() : "";
        }
    }

 

之后我們就可以用JS對ViewBag中的值進行讀取了

        var wsUrl = @Html.Raw(Json.Encode(ViewBag.WebServiceURL));    

 

解決方案3）：

在HomeController中提供添加靜態腳本數據的方法

    public class HomeController : Controller
    {
        /// <summary>
        /// 靜態腳本數據
        /// </summary>
        public JavaScriptResult EricSunData()
        {
            var webServiceURL = ConfigurationManager.AppSettings["SomeKeyName"] != null ? ConfigurationManager.AppSettings["SomeKeyName"].ToString() : "";

            var data = new
            {
                WebServiceURL = webServiceURL
            };

            var js = "var EricSunData = " + new JavaScriptSerializer().Serialize(data);

            return JavaScript(js);
        }
    }

 

然后在對應的頁面中或者Layout全局添加這個靜態腳本

    <script src="~/Home/EricSunData"></script>

 

之后我們就可以直接讀取這個靜態JS中存貯的值了

    var url = EricSunData.WebServiceURL + '......';