在 Rails 应用程序中，路由是控制器行为接收请求的入口点。通常，我们使用 link_to 和 url_for 等视图辅助方法来生成 URL，但有时我们需要在 JavaScript 中访问这些路由。本文将介绍如何在 JavaScript 中访问 Rails 路由，并提供示例代码。
使用 Rails 的内置功能
Rails 提供了 routes 对象来访问应用程序的路由。该对象包含当前应用程序中定义的所有路由信息。在 JavaScript 中，我们可以使用 routes 对象来生成 URL。
假设我们要在 JavaScript 中访问名为 users_path 的路由，我们可以使用以下代码：
Rails.routes.users_path()
这将返回 /users 的 URL。
类似地，如果我们想要访问具有参数的路由，则可以传递参数：
Rails.routes.user_path(1)
这将返回 /users/1 的 URL。
请注意，在默认情况下，Rails 会自动将下划线命名法转换为短横线命名法。例如，如果我们有名为 user_profile_path 的路由，则可以使用以下代码来访问它：
Rails.routes.user_profile_path()
这将返回 /user-profile 的 URL。
自定义 JavaScript 函数
虽然我们可以直接使用 Rails.routes 对象来生成 URL，但将其封装到自定义函数中可能更具可读性和可维护性。
我们可以创建一个自定义函数来生成 URL，该函数接受参数并返回由 Rails.routes 生成的 URL。以下是一个示例：
function userUrl(userId) {
return Rails.routes.user_path(userId);
}这个函数会接受用户 ID 并返回 /users/:id 的 URL。您可以根据需要更改此代码以适应不同的路由和参数。
在 JavaScript 中使用路由
一旦我们有了生成 URL 的函数，我们就可以在 JavaScript 中使用它。例如，我们可以使用 jQuery 来处理表单提交：
-- -------------------- ---- -------
------------------------ ------------- --------------- -
-----------------------
--- ------ - --------------------
--- --- - ----------------
--------
------- ------
---- ----
----- -------------------
-------------------------- -
-- ----
---
---在上面的示例中，我们使用 userUrl 函数来生成路由，并使用 jQuery 的 AJAX 方法将表单数据提交到服务器。请注意，我们通过调用 event.preventDefault() 阻止默认的表单提交行为，并使用 $(this).serialize() 将表单数据序列化为字符串。
结论
在 JavaScript 中访问 Rails 路由可能是开发过程中的常见需求。使用 Rails.routes 对象和自定义函数，我们可以轻松地生成 URL，并在 JavaScript 中使用它们。希望这篇文章能够帮助您更好地理解如何在 JavaScript 中访问 Rails 路由。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30494