Executing serverside code from javaScript

Question

Not sure if this is possible or not, but here's my scenario:

In about 10 of our aspx files we have the same javaScript function, I want remove this from all these pages and put it in the main javaScript file (main.js) which is global to all pages, so it's easier to maintain. the javaScript code in the current aspx pages looks something like this:

var regEx_gaid = <%= regEx["regEx_gaid"] %>; 
var regEx_wCard = <%= regEx["regEx_wildCard"] %>; 
var regEx_fCss = <%= regEx["regEx_flattenCss"] %>; 
var regEx_iCss = <%= regEx["regEx_inlineCss"] %>;
...

function doSomething() {
   // do something with those variables declared above.
}

Not sure how to get the server side values for those variables in main.js.

also this may also be relevant:

"regEx" inside <%= regEx["regEx_gaid"] %> is a dictionary collection on the server side and "regEx_gain" is key to access the value of the regEx dictionary.

Thanks.

Nick W. · Accepted Answer · 2012-08-03 01:08:13Z

1

You could have a separate ASP page which just outputs the content of your variables. Then you can make an AJAX request to that page from javascript.

using JQuery for shorthand:

var regEx_gaid = "";

$.get('regex_gaid.aspx', function(data) {
  regEx_gaid = data;
});

answered Aug 3, 2012 at 1:08

Nick W.

1,0902 gold badges11 silver badges21 bronze badges

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

1 Comment

Sammy Over a year ago

Thank you. I like this solution, and I just tried it and it works, but I am still curious to see if it's possible to do without creating an extra aspx page.

competent_tech · Accepted Answer · 2012-08-03 00:56:13Z

1

In your pages, you can create these javascript vars dynamically in each page by using RegisterStartupScript:

this.ClientScript.RegisterStartupScript(this.GetType(), "MainVars", "var regEx_gaid = '" + regex_gaid.ClientID + "';", true);

We use this mechanism extensively: register the control variables in code-behind (they are emitted into each page), but then consume them in a central script (similar to your main.js).

answered Aug 3, 2012 at 0:56

competent_tech

45.1k12 gold badges96 silver badges114 bronze badges

2 Comments

Sammy Over a year ago

I modifed my question but regEx inside <%= regEx["regEx_gaid"] %> is a dictionary collection on the server side and "regEx_gain" is key to access the value of the regEx dictionary.

competent_tech Over a year ago

It should be the same concept: if you are already pulling it into js using the syntax you are showing, then you just modify the script that I had shown. If this is the first time that you are trying to send the dictionary to the client, the you most likely need to create a json structure from it on the server and assign it to that variable in the startup script (we also do this).

Charlie · Accepted Answer · 2012-08-03 02:36:01Z

1

Can you add a main.js.aspx then move the scripts in main.js to main.js.aspx, and use main.js.aspx as a javascript file?

main.js.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main.aspx.cs" Inherits="TempProject.js.main" %>
var regEx_gaid = <%= regEx["regEx_gaid"] %>; 
var regEx_wCard = <%= regEx["regEx_wildCard"] %>; 
var regEx_fCss = <%= regEx["regEx_flattenCss"] %>; 
var regEx_iCss = <%= regEx["regEx_inlineCss"] %>;

CodeBehind:

    protected void Page_Load(object sender, EventArgs e)
    {
        Response.ContentType = "application/javascript";
    }

Other files:

<script type="text/javascript" src="js/main.js.aspx"></script>

edited Aug 3, 2012 at 2:36

answered Aug 3, 2012 at 1:58

Charlie

1,3328 silver badges8 bronze badges

3 Comments

Sammy Over a year ago

The main aspx page is accessed by the entire application, doesn't seem very optimized to have that code show up on all the pages.

Charlie Over a year ago

I mean to add a new main.js.aspx, and use it as a js file.

Sammy Over a year ago

ahh gotcha, yeah that will work too, though I still will have to go to all those pages and reference the new file.

Collectives™ on Stack Overflow

Executing serverside code from javaScript

3 Answers 3

1 Comment

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related