javascript - MVC 中字符串的全局化 - JavaScript 翻译

Question

我有一个 MVC 应用程序，为了翻译，我将所有文本字段存储在 .resx 文件中，然后使用以下命令检索它们:

Resources.Resource.FirstName}

我有一个 JavaScript 文件，我需要对两个字符串执行相同的操作。我检查了 Google 并看到了 JQuery.Globalization 库(它似乎不再可用)，但这对于两个字符串来说就太过分了。我需要翻译下面的两个“请稍候...”字符串。我怎样才能轻松做到这一点？

$("#the_button").lockSubmit({
        submitText: "Please wait..."
    });

    $(".the_button").lockSubmit({
        submitText: "Please wait..."
    });

Answer 1

最简单的方法是在layaout中的html head部分定义全局js变量:

...
<script>
    var translation = {
        submitText: "@Resources.Resource.SubmitText"
    };
</script>
...

然后在js脚本中使用它

...
$("#the_button, .the_button").lockSubmit({        // you can use multiple selector here
    submitText: translation.submitText
});
...

您还可以使用 html data-* 属性:

...
<button id="the_button" data-submit-text="@Resources.Resource.SubmitText" >Button</button>

和js文件:

...
$("#the_button").lockSubmit({
    submitText: $("#the_button").attr("data-submit-text");
});
...