javascript/jquery搜索函数不查找任何员工，只重新加载页面

正在搜索员工，但单击“搜索”按钮时，页面将重新加载

javascript代码

 ncnk.initMemberDirectory = function() {
        var executeSearch = function() {
            var search = $('input#member-search').val();
            window.location = '/ncnk/member-directory/' + encodeURIComponent(search);
        };

        $('button.member-search').on('click', function(e) {
            executeSearch();
          });

        $('input#member-search').on('keypress', function(e) {
            if (e.which === 13) {
                executeSearch();
                return false;
            }
            
        });

HTML代码：

<input type="text" id="member-search" placeholder="Search Members">
            <button type="submit" class="member-search" >SEARCH</button>

搜寻

窗口。如果您没有前端路由器捕获位置，位置将触发重新加载

在您的代码中，您有：

window.location = '/ncnk/member-directory/' + encodeURIComponent(search);

将页面加载到url
/ncnk/member目录/

如果您没有捕获此URL的路由器（前端或后端），您将在没有数据的情况下重新路由

您的问题似乎在路由器端
您应该在单击功能中添加
preventDefault
功能，这样按钮就不会重新加载页面

$('button.member-search').on('click', function(e) {
        e.preventDefault();
        executeSearch();
      });

    $('input#member-search').on('keypress', function(e) {
        e.preventDefault();
        if (e.which === 13) {
            executeSearch();
            return false;
        }
        
    });

这回答了你的问题吗？您正在使用
submit
按钮，因此页面会刷新。您希望
只使用一个普通按钮。可以，谢谢。非常感谢，我目前正在使用Drupal 7.73 vrs来维护站点，如果这些信息有任何帮助的话。你能不能详细介绍一下路由器方面的情况，并为我指明正确的方向，非常感谢。