javascript - 获取变量以在 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

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

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

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

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

Answer 2

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