ASP.net MVC framework and caching and executing javascript

Question

First of all, excuse my terminology as I'm not an ASP.net MVC framework developer. My company is using an ASP.net MVC 5 framework. I'm developing the analytics code using Adobe DTM for this new framework. The issue I'm having is I recently worked on an Angular/Node.js implementation where my JavaScript files were only loaded initially and then ran on every view without being reloaded allowing me to keep track of states etc. I'm now working at a new company and they are using a ASP.net MVC 5 framework, but the JavaScripts are being reloaded every view. From what the developers are telling me, it is a hybrid where some pages use a controller and other pages don't. Is there a way to load JavaScript one time (initial load) and keep the JavaScript running (not destroying objects/variables)?

Thanks!

You'd have to convert the application to a SPA (single page application) to keep the same javascript running. Every click on an anchor <a> tag/node will reset the page and cause everything to be reloaded into the browser (likely from cache, but all variables etc reset). Most MVC apps are either SPA or use simple links to pages to keep them lightweight and stateless. It's unlikely a 'normal' business application written in MVC would be a good candidate to be converted to SPA. I don't know Adobe DTM - can you hook into the C# code (server-side) ? — fdomn-m
– fdomn-m, Commented Jul 31, 2015 at 21:44

Daniel Hoffmann-Mitscherling · Accepted Answer · 2015-08-01 07:50:29Z

The only way without using a SPA, or switching analytics would be to store the variables and then set the value on page load with the stored value.

Depending on what Adobe DTM requires, you could use localStorage or sessionStorage, the latter will most likely be applicable, as it will store your set variables throughout the current browsing session, various implementations:

$(selector).click(function() {
    sessionStorage.setItem('name', 'value');
});

sessionStorage.setItem('myObject', JSON.Stringify(myObject));

Using window.name as a hack to store global information. You can assign a value to window.name, which will persist throughout the session, provided the user stays on the same tab/window. This is a cross-domain solution as well, although WebStorage is likely more reliable in your case.

window.name = JSON.Stringify({ clicked: true });
window.name = "myString";

Window.name only stores a string, if you need to store a complex object or multiple values you will have to use JSON.Stringify.

Collectives™ on Stack Overflow

ASP.net MVC framework and caching and executing javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related