$.ajax({
    url: "https://en.wikipedia.org/w/api.php",dataType: "jsonp",data: {
        'action': "opensearch",'format': "json",'search': search
    },success: function (data) {
        var suggestions = '';
        data[1].forEach(d => {
            suggestions += `<option value="${d}">`;
        });
        console.log(data);
        $('#searchList').html(suggestions);
        console.log(suggestions);
    }
});

Difference between hashtag symbol from wikipedia search api and local server

换句话说，数据列表通常可以很好地填充其他字符，包括@或$，但是使用＃时，即使检查元素时数据列表中填充了正确的项目，它也不会下拉并显示建议。

edit：通过localhost，我的意思是我将端点更改为服务器，因此我可以看到如果将带有井号的选项列表发送回去会发生什么。它工作正常，我注意到服务器发送的主题标签与Wiki的opensearch之间的字体不同。

编辑：搜索变量来自像这样的输入框

<form class="pSearch form-inline" method="post" action="">
              <input class="pSearch" type="text" id="searchTerm" name="searchTerms" placeholder="Search" aria-label="Search" 
             list="searchList" autocomplete="off" spellcheck="true">
      <datalist id="searchList"></datalist>

我使用keyup功能监听输入内容-

$('#searchTerm').keyup(function (e) {

    var search = $(this).val();

然后我将变量搜索发送到opensearch api-

    $.ajax({...})
}

硬编码主题标签而不是使用变量可以正常工作“＃”。我尝试了JSON.stringify（search），但是没有区别。