Question

I’m outputting the localization key/value pairs present in the JS localization resource into lang.js like this:

    [Route("js/lang.js")]
    public ActionResult Lang()
    {
        ResourceManager manager = new ResourceManager("Normandy.App_GlobalResources.JsLocalization", System.Reflection.Assembly.GetExecutingAssembly());
        ResourceSet resources = manager.GetResourceSet(CultureInfo.CurrentCulture, true, true);

        Dictionary<string, string> result = new Dictionary<string, string>();

        IDictionaryEnumerator enumerator = resources.GetEnumerator();

        while (enumerator.MoveNext())
            result.Add((string)enumerator.Key, (string)enumerator.Value);

        return Json(result);
    }

The contents of /js/lang.js are (I include the file with a normal <script> tag):

{"Test":"test","_Lang":"en"}

Is there any way to make them be:

var LANG = {"Test":"test","_Lang":"en"}

Answer 1

You could use JSONP. Write a custom action result:

public class JsonpResult: ActionResult
{
    public readonly object _model;
    public readonly string _callback;

    public JsonpResult(object model, string callback)
    {
        _model = model;
        _callback = callback;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        var js = new JavaScriptSerializer();
        var jsonp = string.Format(
            "{0}({1})", 
            _callback, 
            js.Serialize(_model)
        );
        var response = context.HttpContext.Response;
        response.ContentType = "application/json";
        response.Write(jsonp);
    }
}

and then in your controller action return it:

[Route("js/lang.js")]
public ActionResult Lang()
{
    ...
    return new JsonpResult(result, "cb");
}

and finally define the callback to capture the json before including the script:

<script type="text/javascript">
function cb(json) {
    // the json argument will represent the JSON data
    // {"Test":"test","_Lang":"en"}
    // so here you could assign it to a global variable
    // or do something else with it
}
</script>
<script type="text/javascript" src="js/lang.js"></script>