如何从 Resx 获取文本以在 Javascript 中使用？

Question

我们正在构建大型 ASP.NET 应用程序，以便在多种语言/文化中使用 Intranet。我们利用 RESX 文件的全球化，并在服务器端使用 GetResourceText 来获取本地化文本。

最近我们用 JQuery 做越来越多的客户端逻辑。

如何获取要在 Javascript 中使用的 RESX 文本？

• 例如用于验证、动态消息等的文本。

我们所有的 Javascript 都在 .JS 文件中，我们不想在 ASPX 页面中混合 HTML和 JavaScript 块。

感谢您的帮助。

Answer 1

不幸的是，在外部 JS 文件中，服务器端代码没有被服务器处理。不过，我看到了一种解决方法，您可以在页面上的隐藏字段中设置翻译后的值 - 这样您的 javascript 将能够读取其中的值。

例如：

 <%-- This goes into your page --%>
 <input type="hidden" id="translatedField" name="translatedField" value="<%=Resources.Resources.translatedText %>" />

并在您的 javascript 文件中使用它：

 // This is the js file
 $(document).ready(function() {
  alert($("#translatedField").attr("value"));
 });

您将能够分离值，并且仍然可以在外部 JS 文件中看到它。

还有另一种解决方法，即创建仅输出 Javascript 而不是 HTML 的 .aspx 文件。查看下面的链接：

使用服务器端方法在外部 JavaScript 文件中

Answer 2

始终将功能与人类可读的字符串分开。

如果您正在创建 jQuery 插件，那么当您调用不同的 jQuery 函数时，您应该能够将本地化字符串数组作为参数传递。该数组可以直接在调用不同 jQuery 插件的页面上定义为内联 javascript，或者您可以以 /scripts/localization/strings.js?ci=en-US 格式从外部资源加载该数组在 web.config 中注册通用 ASP.Net 处理程序那会回应到 scripts/localization/strings.js

DatePicker 控件是一个如何本地化 jQuery datepick 控件文本的好示例 - this js 文件 是从资源文件 (resx) 动态创建的，当包含在页面上时，它将确保日历控件将具有丹麦语文本。

Answer 3

创建 HttpHandler（.ashx 文件），并使用文本资源字符串返回 JSON。

您还可以将其“发布”到全局命名空间，即

Response.Write("window.Resources=");
Response.Write((new JavaScriptSerializer()).Serialize(strings));

设置 HTML，如：

<script src="Resx.ashx?lang=en-US" />

<button class="LogoutButtonResourceId OtherButtonClasses">(generic logout text)</button>
<a href="#"><span class="SomeLinkTextResourceId OtherClasses">
     (generic link text)
</span></a>

并应用如下文本：

$(document).ready(function() {
  for(var resId in Resources){
    $("."+resId).html(Resources[resId]); 
  }
});

Answer 4

如果您不想使用 ASP.NET 生成主 JavaScript，则还有另外两个选项：

1. 使用 ASP.NET 生成包含变量到字符串赋值的脚本文件，例如 var mystring = '我的值';.然后，您的主脚本将使用变量名称而不是嵌入值来引用本地化文本。如果这对您来说仍然太“脏”，您可以使用 HttpHandler 而不是直接 .aspx 将字符串编码为 JSON，而不是变量赋值。

2. 让您的 JavaScript 代码发出 Ajax 调用以从服务器检索本地化字符串的数组或列表。调用的服务器端部分将从您的 resx 文件中检索文本。

Answer 5

您是否考虑过将 $.ajax 与 ASP.NET WebMethods 结合使用？如果不了解 JavaScript/jQuery 如何消耗/处理资源，就很难提出更具体的解决方案来解决这个问题。我假设它们被组织成逻辑组（或者可能是），您可以在其中返回属于单个页面的多个资源字符串。

假设您可以编写一个非常简单的 C# 类（或使用 Dictionary）来从 ASP.NET WebMethod 返回数据。结果看起来像这样：

[WebMethod]
public Dictionary<string, string> GetPageResources(string currentPage)
{
    // ... Organizational stuff goes here.
}

我总是将 AJAX 调用分离到单独的 .js 文件/对象中； 所示：

function GetPageResources (page, callback)
    $.ajax({ // Setup the AJAX call to your WebMethod
        data: "{ 'currentPage':'" + page + "' }",
        url: /Ajax/Resources.asmx/GetPageResources, // Or similar.
        success: function (result) { // To be replaced with .done in jQuery 1.8
            callback(result.d);
        }
    });

然后，在页面上执行的 .js 中，您应该能够使用该数据，如下

// Whatever first executes when you load a page and its JS files
// -- I assume that you aren't using something like $(document).ready(function () {});
GetPageResources(document.location, SetPageResources);

function SetPageResources(resources) {
    for (currentResource in resources) {
        $("#" + currentResource.Key).html(currentResource.Value);
    }
}

Answer 6

我知道已经晚了，但想分享我在这项任务中的经验）

我使用 AjaxMin。它可以在构建事件上将 resx 键值插入到 js 文件中。
这不是常见的方法，但它可以保留 html 而不需要不需要的脚本块，并且可以在缩小过程中完成（如果有的话）。

它的工作原理如下：

ajaxmin.exe test.js -RES:Strings resource.resx -o test.min.js

如果您有很多语言环境，您还需要对 ech 语言环境执行相同的操作。
在 js（以及 css）中编写资源键的语法如下：

Js 本地化

< a href="http://ajaxmin.codeplex.com/wikipage?title=CSSLocalization" rel="nofollow">CSS 本地化

Answer 7

将其作为 javascript 控件初始化的一部分注入怎么样？我所做的如下：

我有一个独立的 javascript 控件 - 称之为 CRMControl，它有一个名为 setupCRMControl 的 init 方法，我向其传递一个设置对象。当我初始化它时，我传递一个包含 javascript 中所需的所有资源的对象，如下所示：

CRMControl.setupCRMControl({
numOfCRMs: 3,
maxNumOfItems: 10,

// then i pass a resources object with the strings i need inside
Resources: {
   Cancel: '@Resources.Cancel',
   Done: '@Resources.Done',
   Title: '@Resources.Title'
 }
});

然后，在这个 javascript 控件中：

var crmSettings = {};
this.setupCRMControl(settings) {
    crmSettings = settings;
};

每当我想显示资源时，我都会说（例如，显示一个警告说“完成”） ：

alert(crmSettings.Resources.Done);

你可以将其称为“R”以使其更短或其他什么，但这是我的方法。如果您有一大堆字符串，这可能不起作用，但对于可管理的情况，这可能有效。