在前端开发中，我们经常需要获取 URL 中的参数或通过表单提交获取 POST 数据。本文将介绍如何使用 JavaScript 在客户端获取这些变量的值。
获取 GET 变量
GET 变量通常包含在 URL 中。例如，URL https://example.com/?name=John&age=30 中包含两个 GET 变量：name 和 age。
要从 URL 中获取这些变量的值，可以使用以下步骤：
- 获取当前页面的 URL：
----- --- - ---------------------
- 从 URL 中获取查询字符串：
----- ----------- - ------------------
- 将查询字符串解析为对象：
----- ------ - --- -----------------------------
- 获取变量的值：
----- ---- - ------------------- -- ------ ----- --- - ------------------ -- ----
以下是完整的代码示例：
----- --- - --------------------- ----- ----------- - ------------------ ----- ------ - --- ----------------------------- ----- ---- - ------------------- ----- --- - ------------------ ----------------- -----
获取 POST 变量
获取 POST 变量的值通常需要在表单提交事件的处理程序中进行。以下是一个简单的表单示例：
----- ------------ ------ ------------------------ ------ ----------- --------- -------------------- ------ ---------------------- ------ ----------- -------- ------------------- ------- ----------------------------- -------
要获取表单中 POST 变量的值，可以使用以下步骤：
- 获取表单元素：
----- ---- - ----------------------------------
- 添加表单提交事件处理程序：
------------------------------- --------------
- 在事件处理程序中阻止表单提交并获取变量的值：
-------- ------------------- - ----------------------- -- ------ ----- ---- - ---------------------------- ----- --- - --------------------------- ----------------- ----- -
以下是完整的代码示例：
----- ---- - ---------------------------------- ------------------------------- -------------- -------- ------------------- - ----------------------- ----- ---- - ---------------------------- ----- --- - --------------------------- ----------------- ----- -
总结
通过本文介绍的方法，你可以轻松地在 JavaScript 中获取 GET 或 POST 变量的值。这对于处理 URL 参数或表单数据非常有用。
如果你想进一步学习 JavaScript，并了解如何在前端开发中使用它，请参考其他相关文章和教程。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26990