Javascript Ajax在CodePen中不起作用

我正在做来自freeCodeCamp的Wikipedia查看器项目。由于某种原因，ajax函数不起作用，因为单击时控制台中没有显示任何内容。其代码如下所示。提前感谢所有看到这个的人

$(document).ready(function() {
  $("search").click(function() {
    var searchTerm = $("searchTerm").val();
    var url1 = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + searchTerm + "&format=json&callback=?";
    $.ajax({
      type: "GET",
      url: url1,
      async: false,
      dataType: "json",
      success: function(data) {
        console.log(data);
      },
      error: function(errorMessage) {
        alert("Error");
      }
    });
  });
});

---

我认为您的jQuery选择器有问题。确保您也正在加载jQuery

$("searchTerm") tries to find <searchTerm>

$（“searchTerm”）尝试查找

及

$（“搜索”）尝试查找

尝试使用ID和类，如

$('#search') looks for <input type="text" id="search">
$('.search') looks for <input type="text" class="search">
$('input[type="text"]') looks for <input type="text">

$('#searchBtn') looks for <button id="search">Click Me</button>
$('.searchBtn') looks for <button class="search">Click Me</button>
$('button') looks for <button>Click Me</button>

$（“#搜索”）查找
$（'.search'）查找
$（'input[type=“text”]”查找
$（“#searchBtn”）查找单击我
$（'.searchBtn'）查找“单击我”
$（“按钮”）查找单击我

这里需要注意的重要部分是类和ID可用于选择大多数类型的元素。所以#搜索可以是一个按钮，文本输入，文本区域，任何东西。或者您可以选择一个元素，就像您试图做的那样

---

示例：-您将看到控制台输出

重新检查

搜索

和

搜索项

。它们是

id

还是

class

对于类，编写

$（“.search”）

对于id，写

$（“#搜索”）

下面的代码适合我

$（文档）.ready（函数（）{
$（“#搜索”）。单击（函数（）{
var searchTerm=“美国”；
变量url1=”https://en.wikipedia.org/w/api.php?action=opensearch&search=“+searchTerm+”&format=json&callback=？”；
$.ajax({
键入：“获取”，
url:url1，
async:false，
数据类型：“json”，
成功：功能（数据）{
控制台日志（数据）；
},
错误：函数（错误消息）{
警报（“错误”）；
}
});
});
});

在代码的此区域中单击
：

  $("search").click(function() {
    var searchTerm = $("searchTerm").val();

您使用的是类还是ID？
如果您使用的是类，则search和searchTerm前面会有一个点（.），如下所示：

  $(".search").click(function() {
    var searchTerm = $(".searchTerm").val();

  $("#search").click(function() {
    var searchTerm = $("#searchTerm").val();

如果您使用的是ID，则搜索和搜索词前面会有一个数字符号（#），如下所示：

  $(".search").click(function() {
    var searchTerm = $(".searchTerm").val();

  $("#search").click(function() {
    var searchTerm = $("#searchTerm").val();

$（“搜索”）-它是
类
还是
id
？按钮id不应该是
搜索
而不是
#搜索
？