javascript - 提交搜索不会将我发送到 javascript 变量中指定的页面

Question

我正在尝试提交搜索，该搜索应将我重定向到我提交时想要的页面。但是，提交表单只会将我重定向到索引页面。

<form class="searchbox" onsubmit="gotToCorrectSearchPage();" ><input id="tags" type="search" placeholder="Search"/></form>

Javascript 函数 goToCorrectSearchPage(称为 onsubmit)如下。该警报有效，但随后我被重定向到索引页面。注意:goToSearchPage 是一个已在其他位置设置的变量。如果我只是在 javascript 控制台中调用 window.location=goToSearchPage; ，它会将我带到正确的页面。

function gotToCorrectSearchPage() {
    alert("directing you");
    window.location=goToSearchPage;
}

因此，我需要一种在 goToCorrectSearchPage 函数内部正确调用此 window.location=goToSearchPage; 的方法，以便加载保存在 中的页面>goToSearchPage 变量，并且不加载索引页。我在 goToCorrectSearchPage 函数内部的表单上尝试了许多默认操作预防措施，但没有效果。

谢谢!

Answer 1

表单正在提交并刷新页面。你需要取消它。

onsubmit="gotToCorrectSearchPage(); return false"

理想情况下，您可以使用 PreventDefault 或设置操作并让表单执行其操作。