Using Web.config app data in Javascript/HTML

Question

I am using this tutorial to use a variable from web.config file into .NET . Now I want to use the exact same variable in JavaScript but according to my research the WebConfigurationManager variable is not available in HTML , any clue on how to do that ?

thanks

EDIT :

I tried to implement the suggested code in that way (just to make sure that it gives me the output I want):

var myJsVar = '<%= ConfigurationSettings.AppSettings["MyConfigValue"] %>';
alert(myJsVar);

the value of myJsVar come up as

<%= ConfigurationSettings.AppSettings["MyConfigValue"] %>

and when I do '<%= ConfigurationSettings.AppSettings["MyConfigValue"] %>'

and when I do alert(myJsVar.valueof()); instead I receive undefined as output

I also tried to use WebConfigurationManager instead of ConfigurationSettings and it goes through the same logic ...

What version of asp.net are you using?

jessegavin
– jessegavin

2013-04-15 17:47:47 +00:00
Commented Apr 15, 2013 at 17:47 — jessegavin
– jessegavin, Commented Apr 15, 2013 at 17:47
I am new to all this ... can it be IIS7 ?

user1415780
– user1415780

2013-04-15 18:13:15 +00:00
Commented Apr 15, 2013 at 18:13 — user1415780
– user1415780, Commented Apr 15, 2013 at 18:13

Agustin Meriles · Accepted Answer · 2013-04-15 18:40:46Z

3

You can render the value to the aspx page, as an assignment to a JavaScript variable:

var myJsVar = '<%= ConfigurationSettings.AppSettings["MyConfigValue"] %>';

So this way, myJsVar will be initialized with MyConfigValue. Hope this helps.

EDIT

If you are using Razor you should use this way

var myJsVar = '@System.Configuration.ConfigurationManager.AppSettings["MyConfigValue"]';

edited Apr 15, 2013 at 18:40

answered Apr 15, 2013 at 17:43

Agustin Meriles

4,8603 gold badges32 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user1415780 Over a year ago

: thanks for your answer , I ran into some issues , can you please check the modifications to my question ?

Agustin Meriles Over a year ago

are you sure that your page is an aspx page? or is an HTML page?

user1415780 Over a year ago

and I need this part in javascript

Agustin Meriles Over a year ago

You are using Razor (that's an important difference). I've updated the post for using app settings using cshtml pages.

Joel Etherton · Accepted Answer · 2013-04-15 17:44:05Z

3

You just need to output the setting into the variable you want. Somewhere in your javascript you would put:

<script language="javascript">

    var mySetting = '<%=ConfigurationManager.AppSettings["mySetting"] %>';

</script>

Here the <%= is a Response.Write command that will output the string result to the markup rendered. From this point on the variable mySetting would be accessible to any components.

answered Apr 15, 2013 at 17:44

Joel Etherton

37.5k10 gold badges92 silver badges106 bronze badges

1 Comment

user1415780 Over a year ago

@JoelEtheron : thanks for your answer , I ran into some issues , can you please check the modifications to my question ?

Collectives™ on Stack Overflow

Using Web.config app data in Javascript/HTML

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related