将数据从视图传输到javascript的最佳方式

Question

I'm working in an Asp.Net MVC 3 project where in one of my javascript file, a message is displayed to the user. This message in currently in one language but I want this message to be in multiples languages. I don't want to store theses languages directly in the javascript file but instead in a database. I want to know if it possible to transfer data (string) from the view to the javascript file.

One solution that I've found is to set data from my view in hidden fields and then extract it from my javascript file. The problem with this solution is that I must put a lot of hidden fields and this is very hard to maintain.

Is there any other solution to this problem?

Answer 1

You can try JavaScriptModel ( http://jsm.codeplex.com ).

With this library you can add variables by calling the following function in your controller action:

this.AddJavaScriptVariable("VariableNameInJavaScript", SomeValue);

You can pass primitive types or complex types.

Furthermore you could execute javascript functions with the following code in your controller action:

this.AddJavaScriptFunction("FunctionInJavaScript", SomeParameter, AnotherParameter);

Answer 2

Yes, your on the right path. All you need to do is hydrate your model appropriately and use Razor syntax to pass the value from the server to the client "along the following lines":

<script src="@Url.Content("~/scripts/yourapi.js")"></script>
<script>
    yourapi.foo('@Model.SomeValue');
</script>