js如何传递参数

javascript 中传递参数有五种方式:函数参数url 查询字符串ajax 请求html 表单localstorage

js如何传递参数

JavaScript 传递参数

JavaScript 中传递参数有以下几种主要方式:

1. 函数参数

语法:

function myFunction(param1, param2, ...) {
  // 函数体
}

调用:

myFunction("param1 值", "param2 值", ...);

2. URL 查询字符串

语法:

const url = "example.com?param1=value1&param2=value2";

访问:

window.location.search // "param1=value1&param2=value2"

3. AJAX 请求

语法:

const data = { param1: "value1", param2: "value2" };

fetch("example.com", {
  method: "POST",
  body: JSON.stringify(data),
});

访问:

const responseObject = await response.json();
responseObject.param1 // "value1"
responseObject.param2 // "value2"

4. HTML 表单

语法:

<form action="example.com" method="POST">
  <input type="text" name="param1" value="value1">
  <input type="text" name="param2" value="value2">
  <input type="submit">
</form>

访问:

const formData = new FormData(document.querySelector("form"));
formData.get("param1") // "value1"
formData.get("param2") // "value2"

5. localStorage

语法:

localStorage.setItem("param1", "value1");
localStorage.setItem("param2", "value2");

访问:

localStorage.getItem("param1") // "value1"
 localStorage.getItem("param2") // "value2"

以上就是js如何传递参数的详细内容,更多请关注其它相关文章!