获取要在 JavaScript 字符串中使用的变量以收集 API 数据

Question

我正在尝试连接到 API。通过使用静态字符串执行此操作，它工作正常，但是当我使用变量执行此操作时，它似乎不起作用。

我的代码是这样的：

var movie = 'taken';

OurRequest.open('GET', 'http://www.omdbapi.com/?s=${movie}&apikey=222222');
OurRequest.onload = function() {
  console.log(OurRequest.responseText);
};
OurRequest.send();

所以当我删除 ${movie} 并将其替换为 'taken' 作为字符串时，它工作正常。

Answer 1

您应该使用反引号“`”在您的字符串中插入您的变量。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 2

并非每个浏览器都支持 JavaScript 模板文字。您可以像这样连接值：

OurRequest.open('GET', 'http://www.omdbapi.com/?s=' + movie + '&apikey=222222');

如果你真的想使用 JavaScript 模板文字，那么你需要用反引号将整个字符串括起来，而不是通常的单引号或双引号。像这样：

OurRequest.open('GET', `http://www.omdbapi.com/?s=${movie}&apikey=222222`);

获取要在 JavaScript 字符串中使用的变量以收集 API 数据

Get variable to use inside JavaScript string to collect API data

javascript

template-literals