How to transfer mvc view javascript code to separate js file

Question

I am using Knockoutjs in my asp.net MVC-5 application. I have the following javascript in view:

<script type="text/javascript">

    var model = "@Html.Raw(Json.Encode(Model))";

    $.get("@Url.Action("_CityPartial")" ...)

    //any much more code using similar Html helpers + pure javacsript code.

</script>

Now i want to know, is there any way to transfer this javascript code in a separate js file (keeping Html helpers as it is).

I want to transfer javascript code to separate file because i dont want any user to check my javascript code (using chrome inspect element or any other way).

If the transfer is not possible than please let me know if there is a any way to minifiy the javascript in view itself ??

there is no such thing as security in JavaScript/Html. Since it will be transferred to client, user can view it as they want. Keep the critical code in server itself, whenever that calculation/data required make an ajax request to server — Bharath
– Bharath, Commented Jan 10, 2014 at 10:43

hutchonoid · Accepted Answer · 2014-01-10 10:53:45Z

2

You could create an external .js file with your code in and pass your serialized json object to it like this:

<script type="text/javascript">
    var model = @Html.Raw(Json.Encode(Model));
    DoThis(model);
</script>

This has the benefits of keeping the main body of javascript in a separate file.

Any other razor variables can be passed across to the methods defined in the javascript in the same manor as the model has been above.

However as Stanyer mentions this is still javascript and it will run on the client.

edited Jan 10, 2014 at 10:53

answered Jan 10, 2014 at 10:48

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

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

Comments

Ryan · Accepted Answer · 2014-01-10 10:34:32Z

0

You can load it via an external JavaScript file, but unfortunately as JavaScript is a client-side scripting language regardless of whether its loaded inline or externally, the client can still view the code which is being executed on their browser.

You mention minifying - again this can still be interpreted by a client if they really wanted to see your code, but there are many tools online which can minify your JavaScript for you.

Examples:

answered Jan 10, 2014 at 10:34

Ryan

3,5801 gold badge24 silver badges40 bronze badges

2 Comments

RononDex Over a year ago

Actually he can't move it as simple as you describe it, as he uses inline asp.net code in it

Ryan Over a year ago

You could store the data which uses the ASP.net output into JavaScript variables the main script and call the JavaScript variables in the external file. I don't understand the down vote as I've provided an answer to his comment i dont want any user to check my javascript code

Murali Murugesan · Accepted Answer · 2014-01-10 10:59:02Z

0

No you cant keep the @Html helpers in external javascript file. They are all server side syntax and will be rendered in your HTML page inline.

What maximum you can do is, assign it in a var variable in your page and refer it inside a external page.

answered Jan 10, 2014 at 10:59

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

Collectives™ on Stack Overflow

How to transfer mvc view javascript code to separate js file

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related