blocks|key|333291|text|您可以使用AJAX和JSON+ActionResult以一种更优雅的方式做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|333292|<button+/>
<label+for="gender"></label>

<script+type="text/javascript">
++++$("button").click(function+()+{
++++++++$('label[for=gender]').load('@Url.Action("ResourceLabel",+new+{+labelKey+=+"Gender"+})');
++++});
</script>|code-block|syntax|javascript|333293|和服务器端，大大简化了，但您可以理解：|333294|public+ContentResult+ResourceLabel(string+labelKey)+{
++++return+Content(ResourceClass.GetString(labelKey));
}|333295|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You could do that in a more graceful way using AJAX and a JSON ActionResult.</p>

<pre><code>&lt;button /&gt;
&lt;label for="gender"&gt;&lt;/label&gt;

&lt;script type="text/javascript"&gt;
    $("button").click(function () {
        $('label[for=gender]').load('@Url.Action("ResourceLabel", new { labelKey = "Gender" })');
    });
&lt;/script&gt;
</code></pre>

<p>And server side, greatly simplified, but you get the idea:</p>

<pre><code>public ContentResult ResourceLabel(string labelKey) {
    return Content(ResourceClass.GetString(labelKey));
}
</code></pre>


blocks|key|333326|text|我会做一些类似以下的事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|333327|<script+type="text/javascript">
++++var+resourceStrings+=+{
++++++++@foreach+(var+resource+in+ViewBag.Resources)
++++++++{
++++++++++++{+'@resource.Key'+:+'@resource.Value'+},
++++++++}
++++};
</script>|code-block|syntax|javascript|333328|这里假设您已经创建了一个资源键/值的字典，并使用该字典设置了一个view+bag属性。然后，您可以通过javascript对象查找来访问这些资源。|333329|$('label[name=gender]').html(resourceStrings['gender']);|333330|如果您想要按区域性访问键，您可能会有一个字典字典：|333331|$('label[name=gender]').html(resourceStrings['en_US']['gender']);|333332|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>I would do something like the following:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    var resourceStrings = {
        @foreach (var resource in ViewBag.Resources)
        {
            { '@resource.Key' : '@resource.Value' },
        }
    };
&lt;/script&gt;
</code></pre>

<p>This assumes that you've created a dictionary of resource key/values and set a view bag property with the dictionary. You can then access those resources as a javascript object lookup.</p>

<pre><code>$('label[name=gender]').html(resourceStrings['gender']);
</code></pre>

<p>You could potentially have a dictionary of dictionaries if you wanted to access keys by culture:</p>

<pre><code>$('label[name=gender]').html(resourceStrings['en_US']['gender']);
</code></pre>


blocks|key|333372|text|我使用的解决方案是使用Razor创建一个json对象，该对象包含给定应用程序区域的所有资源字符串，例如"Customers“。如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|333373|<script++type="text/jscript">

@{

++++ResourceSet+resourceSet+=+JsCustomersRes.ResourceManager.GetResourceSet(CultureInfo.CurrentUICulture,+true,+true);
++++var+sbInitial+=+"+var+CustomersResourceObj+=+{";+
++++var+sb+=+new+StringBuilder(sbInitial);
++++var+resEnum+=+resourceSet.GetEnumerator();+
++++while+(resEnum.MoveNext())+
++++{
++++++++if+(sb.ToString()+!=+sbInitial)
++++++++{
++++++++++++sb.Append(",");
++++++++}
++++++++sb.Append("\""+%2B+resEnum.Key+%2B+"\":\""+%2B+resEnum.Value.ToString().Replace("\r\n",+"").Replace("\"",+"\\\"")+%2B+"\"");
++++}+
++++sb.Append("}");
}+

@(Html.Raw(+sb.ToString()));|code-block|syntax|javascript|333374|​|333375|资源文件"JsCustomersRes“可以与特定的控制器视图目录放在一起，也可以放在共享视图目录中。它应该在文件高级属性中将“自定义工具”设置为"PublicResXFileCodeGenerator“。|333376|然后，您可以从脚本中的json对象获取资源字符串：|333377|var+resString+=+CustomersResourceObj[key];|333378|其中key是您想要的资源字符串的key字符串。只需根据需要将Razor作为局部视图添加到您的布局页面或单个页面，就行了！|333379|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>The solution I have used is to use a Razor to create a json object that contains all the resource strings for a given application area eg "Customers". Like so:</p>

<pre><code>&lt;script  type="text/jscript"&gt;

@{

    ResourceSet resourceSet = JsCustomersRes.ResourceManager.GetResourceSet(CultureInfo.CurrentUICulture, true, true);
    var sbInitial = " var CustomersResourceObj = {"; 
    var sb = new StringBuilder(sbInitial);
    var resEnum = resourceSet.GetEnumerator(); 
    while (resEnum.MoveNext()) 
    {
        if (sb.ToString() != sbInitial)
        {
            sb.Append(",");
        }
        sb.Append("\"" + resEnum.Key + "\":\"" + resEnum.Value.ToString().Replace("\r\n", "").Replace("\"", "\\\"") + "\"");
    } 
    sb.Append("}");
} 

@(Html.Raw( sb.ToString()));
</code></pre>

<p></p>

<p>The resource file "JsCustomersRes" can be placed along with the particular controller views directory or in the shared view directory.
 It should have "Custom Tool" set to "PublicResXFileCodeGenerator" in the file advanced properties.</p>

<p>You can then get the resource string from the json object in your script:</p>

<pre><code>var resString = CustomersResourceObj[key];
</code></pre>

<p>where "key" is the key string of the resource string you want.
Just add the Razor as a partial view to your layout page or individual page as you require and that's it!</p>


blocks|key|115960|text|我更喜欢创建一个Javascript对象，它将所有资源作为属性。另外，我避免创建局部视图。相反，我将所需的语言作为参数传递给脚本。这样，您就可以在全局模板中添加脚本，而不是将其添加到每个页面中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|115961|基本上，我有一个辅助静态类，具有以下静态方法：|115962|++++public+static+JavaScriptResult+JavascriptResources(ResourceManager+manager,+string+resourceObjectName,+CultureInfo+culture)
++++{
++++++++ResourceSet+resourceSet+=+manager.GetResourceSet(culture,+true,+true);

++++++++StringBuilder+sb+=+new+StringBuilder();

++++++++sb.AppendFormat("var+{0}=new+Object();",+resourceObjectName);

++++++++var+enumerator+=+resourceSet.GetEnumerator();
++++++++while+(enumerator.MoveNext())
++++++++{
++++++++++++sb.AppendFormat("{0}.{1}='{2}';",+resourceObjectName,+enumerator.Key,
++++++++++++++++System.Web.HttpUtility.JavaScriptStringEncode(enumerator.Value.ToString()));
++++++++}

++++++++return+new+JavaScriptResult()
++++++++{
++++++++++++Script+=+sb.ToString()
++++++++};
++++}|code-block|syntax|javascript|115963|在项目中，我添加了以下控制器：|115964|public+class+ResourcesController+:+Controller
{
++++[OutputCache(Duration+=+36000,+VaryByParam+=+"lang")]
++++//+Duration+can+be+many+hours+as+embedded+resources+cannot+change+without+recompiling.
++++//+For+the+clients,+I+think+10+hours+is+good.
++++public+JavaScriptResult+Index(string+lang)
++++{
++++++++var+culture+=+new+CultureInfo(lang);
++++++++return+Helpers.JavascriptResources(Resources.Client.ResourceManager,
++++++++++++"Client",+culture);
++++}
}|115965|注意，我已经添加了一个参数，为全局javascript对象指定您想要的任何名称。在上面的例子中，我可以像这样访问JS中的翻译：|115966|alert(Client.Info_Message);|115967|现在要调用这个脚本，我在默认模板中注册它(例如在~/Shared/_layout.cshtml中)。|offset|length|style|CODE|115968|<script+type="text/javascript"+src="~/resources/?lang=@(ViewBag.Language)"></script>|115969|执行此操作的最佳方法是创建一个操作筛选器，以便在ViewData中自动输入语言。这可以像这样完成：|115970|public+class+LanguageInViewBagAttribute+:+ActionFilterAttribute
{
++++public+override+void+OnActionExecuting(ActionExecutingContext+filterContext)
++++{
++++++++var+controller+=+filterContext.Controller;
++++++++if+(controller+!=+null)
++++++++++++controller.ViewBag.Language+=+Thread.CurrentThread.CurrentCulture.TwoLetterISOLanguageName;
++++}
}|115971|然后，您可以在适用的情况下使用它来修饰控制器或操作，例如：|115972|[LanguageInViewBag]
public+class+HomeController+:+Controller|115973|或在/App_start/Filters.cs中注册为全局过滤器|115974|注意:我的实现假设您将每个请求的Thread.CurrentThread.CurrentCulture设置为用户的区域性。这样，actionfilter就可以知道当前选择的语言。|115975|entityMap^0|0|0|0|0|0|0|0|O|N|0|0|0|0|0|0|2|L|0|G|Z|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1I|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1J|8|@$S|1K|T|1L|U|V]]|9|@]|A|$]]|$1|W|3|X|5|F|7|1M|8|@]|9|@]|A|$G|H]]|$1|Y|3|Z|5|6|7|1N|8|@]|9|@]|A|$]]|$1|10|3|11|5|F|7|1O|8|@]|9|@]|A|$G|H]]|$1|12|3|13|5|6|7|1P|8|@]|9|@]|A|$]]|$1|14|3|15|5|F|7|1Q|8|@]|9|@]|A|$G|H]]|$1|16|3|17|5|6|7|1R|8|@$S|1S|T|1T|U|V]]|9|@]|A|$]]|$1|18|3|19|5|6|7|1U|8|@$S|1V|T|1W|U|V]]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]]|1B|$]]

<p>I prefer to create a Javascript object that has all the resources as properties. Also I avoid creating a partial view. Instead I pass the required language as a parameter to the script. This way you can add the script in a global template, instead of adding it in each page.</p>

<p>Basically I have a helper static class with the following static method:</p>

<pre><code>    public static JavaScriptResult JavascriptResources(ResourceManager manager, string resourceObjectName, CultureInfo culture)
    {
        ResourceSet resourceSet = manager.GetResourceSet(culture, true, true);

        StringBuilder sb = new StringBuilder();

        sb.AppendFormat("var {0}=new Object();", resourceObjectName);

        var enumerator = resourceSet.GetEnumerator();
        while (enumerator.MoveNext())
        {
            sb.AppendFormat("{0}.{1}='{2}';", resourceObjectName, enumerator.Key,
                System.Web.HttpUtility.JavaScriptStringEncode(enumerator.Value.ToString()));
        }

        return new JavaScriptResult()
        {
            Script = sb.ToString()
        };
    }
</code></pre>

<p>In the project I've added the following controller:</p>

<pre><code>public class ResourcesController : Controller
{
    [OutputCache(Duration = 36000, VaryByParam = "lang")]
    // Duration can be many hours as embedded resources cannot change without recompiling.
    // For the clients, I think 10 hours is good.
    public JavaScriptResult Index(string lang)
    {
        var culture = new CultureInfo(lang);
        return Helpers.JavascriptResources(Resources.Client.ResourceManager,
            "Client", culture);
    }
}
</code></pre>

<p>Note that I have added a parameter give the global javascript object any name you want. In the example above, I could access the translations like this in JS:</p>

<pre><code>alert(Client.Info_Message);
</code></pre>

<p>Now to call this script, I register it in the default template (for example in <code>~/Shared/_layout.cshtml</code>)</p>

<pre><code>&lt;script type="text/javascript" src="~/resources/?lang=@(ViewBag.Language)"&gt;&lt;/script&gt;
</code></pre>

<p>The best way for this to work, is to create an action filter to automatically enter the language in the ViewData. This could be done like this:</p>

<pre><code>public class LanguageInViewBagAttribute : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        var controller = filterContext.Controller;
        if (controller != null)
            controller.ViewBag.Language = Thread.CurrentThread.CurrentCulture.TwoLetterISOLanguageName;
    }
}
</code></pre>

<p>You can then decorate controllers or actions with it where applicable, for example:</p>

<pre><code>[LanguageInViewBag]
public class HomeController : Controller
</code></pre>

<p>or register as a global filter in <code>/App_start/Filters.cs</code></p>

<p>Note: My implementation assumes you set per request the <code>Thread.CurrentThread.CurrentCulture</code> to the user's culture. This way the actionfilter knows the currently selected language.</p>


blocks|key|116005|text|所有的解决方案，无论是好的还是坏的，都已经提到了。为了完成，我想提出另一个解决方案:不要在Javascript中设置文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|116006|将Javascript中不是直接从服务器加载的单词添加到页面中，就像在html文件中编写css一样。|116007|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>All solutions, better or worse, have been mentioned.
Just for completion I want to propose another solution:
Do not set text from within Javascript.</p>

<p>Adding words from Javascript to the page that are not directly loaded from the server, is as if you would write css in an html file.</p>


blocks|key|333511|text|创建一个向json公开资源集的操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|333512|public+class+HomeController:+Controller+{

+++[Route("localization.js")]
+++public+ActionResult+Localization()
+++{
+++++++ResourceSet+resourceSet+=+Globalization.Resources.ResourceManager.GetResourceSet(
+++++++++++++++++++++++++++++++++++++++CultureInfo.CurrentUICulture,+true,+true);
+++++++var+result+=+resourceSet.Cast<DictionaryEntry>()
+++++++++++.ToDictionary(x+=>+x.Key.ToString(),
++++++++++++++++++++x+=>+x.Value.ToString());

+++++++return+View((object)(JsonConvert.SerializeObject(result)));
+++}

}|code-block|syntax|javascript|333513|添加包含内容的~/Views/Home/localization.cshtml文件|offset|length|style|CODE|333514|@model+string
@{+
++++Layout+=+null;
}
var+Resources+=+@Html.Raw(Model);|333515|在Web.config中，添加localization.js的处理程序|333516|+<system.webServer>
+++<handlers>
+++++<add+name="Localization"+path="*/localization.js"+verb="GET"+type="System.Web.Handlers.TransferRequestHandler"+preCondition="integratedMode,runtimeVersionv4.0"+/>
+++</handlers>
+</system.webServer>|333517|在_Layout.cshtml中或要公开资源的任何位置调用操作|333518|<script+type="text/javascript">
++++@(Html.Action("Localization",+"Home"))
</script>|333519|结果|333520|<script+type="text/javascript">
++++var+Resources+=+{"HelloWorld"+:+"こんにちは世界",+"NiceJob":+"いいね！"+};
++++//Sample+usage
++++console.log(Resources.HelloWorld);
++++console.log(Resources.NiceJob);
</script>|333521|entityMap^0|0|0|7|W|0|0|1|A|F|F|0|0|1|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1E|8|@$I|1F|J|1G|K|L]]|9|@]|A|$]]|$1|U|3|V|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1J|8|@]|9|@]|A|$E|F]]|$1|10|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|11|$]]

<h1>Create an action which expose your Resource Set to json</h1>

<pre><code>public class HomeController: Controller {

   [Route("localization.js")]
   public ActionResult Localization()
   {
       ResourceSet resourceSet = Globalization.Resources.ResourceManager.GetResourceSet(
                                       CultureInfo.CurrentUICulture, true, true);
       var result = resourceSet.Cast&lt;DictionaryEntry&gt;()
           .ToDictionary(x =&gt; x.Key.ToString(),
                    x =&gt; x.Value.ToString());

       return View((object)(JsonConvert.SerializeObject(result)));
   }

}
</code></pre>

<h1>add <code>~/Views/Home/localization.cshtml</code> file with the content</h1>

<pre><code>@model string
@{ 
    Layout = null;
}
var Resources = @Html.Raw(Model);
</code></pre>

<h1>In <code>Web.config</code>, add the handler for <code>localization.js</code></h1>

<pre><code> &lt;system.webServer&gt;
   &lt;handlers&gt;
     &lt;add name="Localization" path="*/localization.js" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /&gt;
   &lt;/handlers&gt;
 &lt;/system.webServer&gt;
</code></pre>

<h3>Call the action in your <code>_Layout.cshtml</code> or wherever you want to expose your Resources</h3>

<pre><code>&lt;script type="text/javascript"&gt;
    @(Html.Action("Localization", "Home"))
&lt;/script&gt;
</code></pre>

<h2>Result</h2>

<pre><code>&lt;script type="text/javascript"&gt;
    var Resources = {"HelloWorld" : "こんにちは世界", "NiceJob": "いいね！" };
    //Sample usage
    console.log(Resources.HelloWorld);
    console.log(Resources.NiceJob);
&lt;/script&gt;
</code></pre>


<p>It's easy to use resource strings (.resx) in Razor view, but how to do that in JavaScript files? Currently I'm manually passing strings from Razor view to scripts in JavaScript constructor argument but I would like a way to do this more automatically so I don't have to pass each and every resource string that I need.</p>


Best way to expose resource strings to JavaScript files in ASP.NET MVC?

服务器

JSON

在Razor视图中使用资源字符串(.resx)很容易，但是如何在JavaScript文件中使用呢？目前，我手动将字符串从Razor视图传递到JavaScript构造函数参数中的脚本，但我希望有一种更自动化的方法，这样我就不必传递所需的每一个资源字符串。

问在ASP.NET MVC中向JavaScript文件公开资源字符串的最好方法？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET MVC中向JavaScript文件公开资源字符串的最好方法？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET MVC中向JavaScript文件公开资源字符串的最好方法？
EN