如何将值从web.config传递到外部js文件？

Question

我有web.config文件

 <appSettings>
    <add key="interval" value="100"/>
  </appSettings>

我试图传递价值＆＃34; 100＆＃34;到我的文件夹中的js文件脚本来更改幻灯片的间隔。 这是我的js文件

   $(function () {


    $("#slideshow > div:gt(0)").hide();

    setInterval(function () {
        $('#slideshow >div:first')
          .slideToggle(500)
          //.fadeOut(1000)
          .next()
          //.fadeIn(1000)
          .slideToggle(500)
          .end()
          .appendTo('#slideshow');
    }, interval); <-- here

});

Answer 1

您必须阅读值serveride。您可以在控制器中执行此操作并将其存储在viewbag中：

ViewBag.SlideShowInterval = ConfigurationManager.AppSettings["SlideShowInterval"];

然后在您的视图中，确保在之前呈现呈现您显示的代码的@Scripts.Render()，例如使用默认MVC布局附带的脚本部分：

@section scripts
{
    var slideShowInterval = '@ViewBag.SlideShowInterval';
}

然后更改脚本文件，为变量赋予更有意义的名称：

setInterval(function () {
    // ...
}, slideShowInterval);