在 MVC Razor 中共享 C# 和 Javascript 常量

阅读时长 4 分钟读完

在前端开发中,我们经常需要在 C# 后端和 Javascript 前端之间共享常量。在 MVC Razor 中,可以使用以下方法来实现。

在 C# 中声明常量

首先,在 C# 中声明常量。常量是不可修改的变量,可以通过以下方式声明:

可以在任何 C# 文件中声明常量,并通过 public 访问修饰符来使其可供其他文件中的代码访问。

将 C# 常量导出到 Javascript

为了将 C# 常量导出到 Javascript,我们可以创建一个返回 JSON 对象的控制器方法:

此方法返回一个包含常量值的 JSON 对象。JsonRequestBehavior.AllowGet 参数允许 GET 请求访问该方法。

在 Javascript 中引用常量

现在,我们可以在 Javascript 中访问 C# 常量。我们首先需要加载常量:

-- -------------------- ---- -------
--- --------- - -----

--------
    ---- ---------------------------
    ----- ------
    --------- -------
    ------ ------
    -------- -------- ------ -
        --------- - -----
    -
---

上面的代码发送一个 AJAX 请求,从服务器获取常量,并将其存储在 constants 变量中。请注意,async: false 参数确保代码等待 AJAX 请求完成后才继续执行。

现在,我们可以使用 constants 对象来访问 C# 常量:

示例代码

以下是完整的示例代码:

C# 常量:

-- -------------------- ---- -------
------ ------ ----- ---------
-
    ------ ----- --- --------- - ---
    ------ ----- ------ ------------- - ----------
-

------ ---------- --------------
-
    --- --------- - --- -
        --------- - --------------------
        ------------- - -----------------------
    --
    ------ --------------- ------------------------------
-

Javascript 引用:

-- -------------------- ---- -------
--- --------- - -----

--------
    ---- ---------------------------
    ----- ------
    --------- -------
    ------ ------
    -------- -------- ------ -
        --------- - -----
    -
---

--- -------- - --------------------
--- ------------ - ------------------------

结论

通过以上步骤,我们可以在 MVC Razor 中轻松共享 C# 常量和 Javascript 前端之间的值。这种方法有助于减少代码重复,并使前端和后端之间的数据传输更加简单。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/30394

纠错
反馈