如何在 JavaScript 中的 POST 请求 URL 中传递变量？

Question

我正在尝试将从数据库（并不断变化）派生的变量传递给提取 URL。 我不想在 URL 中对其进行硬编码。 我该怎么做？ 这是代码的片段。

  };
  var searchString = amount;
  var payload = JSON.stringify(data);
  var options = {
    'method': 'POST',
    'Content-Type': 'application/json', 
    'payload' : data,
  };
  var url = 'https://......./**amount**/budget_items?token';
  var response = UrlFetchApp.fetch(url, options);

我想传递搜索字符串变量，但我不知道如何。 有什么帮助吗？

Answer 1

如果您想在url包含searchString ，您可以使用字符串连接或字符串插值。 这是字符串连接：

var url = 'https://.../' + searchString + '/...';

这是字符串插值：

var url = `https://.../${searchString}/...`;

Answer 2

如果您要发送GET请求，则必须在 URL 中包含查询参数。 您不必对任何内容进行硬编码 - 只需在 fetch 本身中添加查询参数：

var response = UrlFetchApp.fetch(url + `?search=${searchString}`);

如果您尝试发送JSON对象，则应改用POST 。 您将能够按原样保留 URL（只要它接受POST请求）。 您也可以在data选项中发送JSON 。

Answer 3

要在 URL 字符串中动态包含searchString ，您可以使用 Matt 的方法，但是您的代码存在一些问题。 您正在传递错误的有效载荷。 这是您可以使用的修改后的代码。

   };
  var searchString = amount;
  var payload = JSON.stringify(data);
  var options = {
    'method': 'POST',
    'Content-Type': 'application/json', 
    payload
  };
  var url = `https://......./${searchString}/budget_items?token`;
  var response = UrlFetchApp.fetch(url, options);

要了解有关模板文字的更多信息

Answer 4

你也可以使用URL对象（在 IE 中需要 polyfills）

const url = new URL('http://foo.bar/?search');
url.searchParams.set('search', searchString);