Question

当我们在搜索框中输入用户并点击从我网站上的任何页面发送时，我都会尝试将用户重定向到专用搜索页面。是否有可能通过JS实现这一点：

使用ajax请求根据搜索输入提取数据
将用户重定向到专用搜索页
根据来自ajax请求的数据构建新的搜索页面

我遇到的问题是JS需要在同一个函数中的两个不同页面上执行，我不知道如何正确地构建它。

Answer 1

是。有可能的。

以下是google的内容：

1.-＆＃34;如何使用（Javascript /您正在使用的任何框架）和＃34;如何使用任何框架我建议使用superagent来简化要求。但是这不是必须的，您可以使用普通JavaScript执行Ajax，"exception": "org.springframework.transaction.InvalidIsolationLevelException", "message": "JtaTransactionManager does not support custom isolation levels by default - switch 'allowCustomIsolationLevels' to 'true'",请求看起来像这样（You might not need jQuery的信用）：

GET

2.-＆＃34;如何使用（您正在使用的Javascript / Any框架）将用户重定向到URL＃34;并将其与3＆＃34;如何使用（您正在使用的Javascript / Any框架）设置URL参数＆＃34;

3.-＆＃34;如何使用（Javascript /您正在使用的任何框架）访问网址参数＆＃34;

如果你谷歌那3你应该能够做你需要做的事。

Answer 2

当用户开始输入时将用户重定向到新页面似乎会让人感到困惑。我建议您在用户点击搜索框时将用户重定向到您的搜索页面，或者您只需用链接替换该框即可。如果您需要来自请求页面的参数，您可以将它们附加到您的网址，例如myexamplesite / search？myparam = Thethingineed

Answer 3

真的很容易。假设这是您生成的HTML

<form...>
...
<div class="search">
<input type="text" id="txtSearch" name="search" />
<input type="submit" id="btnSearch" value="Search" />
</div>
...
</form>
...
<script>
window.onload = function(){
   function searchRedir(){
      var searchKey = document.getElementById('txtSearch').value;
      window.location = '/<searchPageUrl>?search=' + escape(searchKey);
      return false;
   }
   document.getElementById('txtSearch').onchange =
   document.getElementById('btnSearch').onclick = searchRedir;

}

提交按钮btnSearch是在用户浏览器不支持javascript（或支持已关闭）的情况下添加的。在这种情况下，您必须将请求重定向到服务器端的搜索页面。根据服务器端技术，代码可能略有不同。

用JS搜索功能

3 个答案: