JavaScript 中传递参数有五种方式:函数参数URL 查询字符串AJAX 请求HTML 表单localStorage

用 JavaScript 传递参数
JavaScript 中传递参数有以下几种主要方式:
1. 函数参数
语法:
<code>function myFunction(param1, param2, ...) {
// 函数体
}</code>调用:
<code>myFunction("param1 值", "param2 值", ...);</code>2. URL 查询字符串
语法:
<code>const url = "example.com?param1=value1¶m2=value2";</code>
访问:
<code>window.location.search // "param1=value1¶m2=value2"</code>
3. AJAX 请求
语法:
<code>const data = { param1: "value1", param2: "value2" };
fetch("example.com", {
method: "POST",
body: JSON.stringify(data),
});</code>访问:
<code>const responseObject = await response.json(); responseObject.param1 // "value1" responseObject.param2 // "value2"</code>
4. HTML 表单
语法:
<code><form action="example.com" method="POST"> <input type="text" name="param1" value="value1"> <input type="text" name="param2" value="value2"> <input type="submit"> </form></code>
访问:
<code>const formData = new FormData(document.querySelector("form"));
formData.get("param1") // "value1"
formData.get("param2") // "value2"</code>5. localStorage
语法:
<code>localStorage.setItem("param1", "value1");
localStorage.setItem("param2", "value2");</code>访问:
<code>localStorage.getItem("param1") // "value1"
localStorage.getItem("param2") // "value2"</code>以上就是js如何传递参数的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号