将变量传递给fetch API

是指在使用fetch API发送网络请求时，将变量的值作为请求的参数传递给服务器。fetch API是一种现代的网络请求API，用于在浏览器中进行网络通信。

在使用fetch API时，可以通过在请求的URL中添加查询参数的方式将变量传递给服务器。查询参数是一种键值对的形式，用于在URL中传递数据。例如，假设有一个变量userId，可以将其作为查询参数传递给fetch API的URL中：

const userId = 123;
fetch(`https://api.example.com/users?userId=${userId}`)
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理请求错误
  });

在上述示例中，userId变量的值为123，通过${userId}的方式将其插入到URL中作为查询参数传递给服务器。服务器可以根据这个参数来处理请求并返回相应的数据。

除了将变量作为查询参数传递给fetch API的URL外，还可以将其作为请求的一部分，例如作为请求的主体数据。这通常用于发送POST请求或PUT请求时传递数据给服务器。可以使用JSON.stringify()方法将变量转换为JSON字符串，并将其作为请求的主体数据发送给服务器。示例如下：

const userId = 123;
const data = { name: 'John', age: 25 };
fetch('https://api.example.com/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ userId, data })
})
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理请求错误
  });

在上述示例中，userId变量的值为123，data变量的值为一个包含姓名和年龄的对象。通过将它们作为请求的主体数据发送给服务器，服务器可以根据这些数据进行相应的处理。

总结起来，将变量传递给fetch API可以通过查询参数或请求主体数据的方式实现。这样可以根据变量的值来定制请求，并与服务器进行交互。在实际应用中，可以根据具体的业务需求和服务器接口的设计来确定如何传递变量。