如何使用JavaScript/jQuery通过文本框显示最近的搜索？

我想要实现的是，当我关注搜索栏时，它应该会向我显示在本课程中完成的最近搜索的列表，我应该能够选择其中一个，并且应该出现在教科书上

谢谢你的帮助。如果可能的话，我想将这些最近的搜索数据存储到浏览器缓存中，这样每当我访问这个网站时，它就会显示列表

---

提前感谢。

假设您将使用基于web的语言，如html或JavaScript，那么将每个搜索存储在一个数组中是一个好的开始

使用javascript和jQuery库，您可以在用户每次单击按钮时轻松地将项添加到数组中

JavaScript:

var myArray = [];
myArray.push($('#yourTextBox').val());

然后可以使用jquery的$.each函数来显示DOM元素中的每个项

参见下面的示例：（我在jQuery1.11中使用了HTML和javascript）

---

TL；DR I已经编写了一个库来处理此+它的边缘情况，有关用法，请参阅。

您应该将最近的搜索对象存储在LocalStorage中并检索它们，然后决定如何呈现它们的实现。这显然有一些需要考虑的边缘情况，这就是为什么我写了一个库来做到这一点，参见下面的例子

示例 到期： 考虑到有人搜索一个查询“代码> iPhone < /Cord>”，但在1个月前寻找了一个查询“代码>修复iPhone < /代码>，修复iPhone查询可能过时了。p> 最近搜索的排名 在进行前缀搜索时，排名也是如此，如果用户在3小时前查询过“苹果电视”和8小时前查询过“电视电缆”，现在他们搜索的是“电视”，那么您可能希望为这两个用户实施排名系统

安全搬运和储存 只需写入LocalStorage就会产生大量JSON，您每次都需要解析它，从而逐渐降低应用程序的速度，直到达到极限并失去此功能为止

---

我建立了一个最近的搜索库，它可以帮助您解决所有这些问题。您可以通过npm使用它并找到它。它将帮助您解决上述所有问题，并允许您快速构建最新搜索

使用HTML5本地存储或会话或cookie存储搜索值。当你需要的时候，把它们作为最近的搜索来检索。但是这个页面需要与IE8兼容，我想HTML5的功能不适合这个版本的IE。如何在IE上实现这一点？然后使用会话变量或cookies。你错了。本地存储如果每个用户都有自己的登录名，则在每次搜索时使用其搜索历史记录数组更新数据库。然后当它们返回时，重新加载数组。