在 javascript 代码中嵌入常量服务器端标签的最佳方法是什么？

Question

我有一堆 javascript 函数，它们依赖于一些服务器端常量（例如我的资源文件中的字符串）。在开发它们时，我将 javascript 代码保留在视图标题中，因此我可以在我的 javascript 代码中简单地使用服务器端标签，但现在我想将 javascript 函数移动到一个单独的文件中。

我不能使用常规的 js 文件，因为它不会被服务器解释，使得嵌入的服务器标签毫无用处。我也不想在页面中定义变量，因为这看起来很尴尬且容易出错。

我所做的是创建一个新的 aspx 文件，将 javascript 函数放在那里，并在我的主模板中包含该 aspx 文件而不是常规 js 文件。这似乎有点不正统，但它似乎工作正常。

我的方法有没有我没有考虑到的缺点？还是有更好（不那么晦涩）的方法？

编辑 额外问题：我应该在包含的脚本文件中使用 DOCTYPE 吗？毕竟，脚本文件已经包含在脚本标签中。我试图模仿常规的 js 文件，所以我没有指定任何 DOCTYPE。

Answer 1

文件扩展名，无论是 js、aspx、ashx、bla、foo，都不是那么重要。如果您有服务器端生成的不是特定于页面的 javascript，那么创建一个 ASPX 页面来呈现 javascript 应该没问题。

我们经常使用 HTTP 处理程序在我们的系统中生成动态 javvascript。我们还确保将响应标头设置为 text/javascript 以让客户端浏览器知道我们正在发回 javascript。

Answer 2

使用视图和 MVC 的模板功能是实现此目的的好方法。它易于维护、易于理解并且可以快速完成工作。唯一真正的技巧是让它提供正确的内容类型。做这样的事情：

    public ActionResult ConfigurationSettings()
    {
        Response.ContentType = "text/javascript";
        return View(Configuration);
    }

实际上为您提供 text/html 内容类型。诀窍是确保你得到最后一个字，将它添加到你的控制器：

    protected override void Execute(System.Web.Routing.RequestContext requestContext)
    {
        base.Execute(requestContext);
        requestContext.HttpContext.Response.ContentType = "text/javascript";
    }

您将获得正确的内容类型； ViewResult 似乎强制它去 text/html。

Answer 3

我们使用ScriptDataBlock control from JsonFx 将变量发送到页面本身。它就像一个字典，其中键是变量名（例如“MyNamespace.myVar”），值是普通 C# 值（包括整个对象）。该控件发出适当的命名空间生成和类型转换为本机 JavaScript 类型。所以从这个意义上说，它最终不会“尴尬”或“容易出错”：

myDataBlock["MyApp.myVar"] = myObject;

如果您正在处理外部文件，那么通用 .ashx 处理程序可能是您最好的选择。它将比整个 aspx 页面更轻，并为您提供对输出的非常原始的控制。您需要确保将“Content-Type”响应标头设置为“text/javascript”（技术上不正确，但最常见的 MIME 类型），并且对于倾向于不尊重 Content-Type 标头的 Internet Explorer，还将“Content-Disposition”标头设置为“inline;MyScriptName.js”，以便它知道内容的扩展名。

此外，如果这些确实是“常量”而不是运行时计算的数据，您需要将“Expires”标头设置为某个未来日期，以鼓励浏览器缓存结果。这将进一步减少您的服务器请求。

编辑：如果您正在创建 JavaScript，则没有 DocType。 DocType 仅用于标记。

Answer 4

您正在使用 MVC 框架（您的问题被标记为这样）对吗？如果是这样，您可以创建一个返回 JavaScriptResult 的操作，该操作将在页面加载时执行：

public class JSController : Controller {
    public ActionResult Headers() {
        // create your variables here
        return JavaScript("alert('hi');");
    }
}

然后你可以将它添加到你的 aspx/master 页面：

<script src="/JS/Headers" type="text/javascript"></script>