动态jquery地址使用搜索按钮
Dynamic jquery address using search button
我试图使用http://www.asual.com/jquery/address/进行历史管理,当我们在"a"标签上工作时,这绝对有效,但现在我有搜索模块,当我点击搜索按钮时触发,我试图在地址(以及页码)中包含搜索文本,这样当用户使用后退按钮时,他/她也可以看到他们以前做过什么搜索。如有任何帮助,我将不胜感激。
编辑:参考资料- http://www.asual.com/jquery/address/
我正在构建AJAX应用程序,所以所有的模块都使用AJAX加载,并保持历史的跟踪,我使用:http://www.asual.com/jquery/address/,直到现在所有的链接都是"a"的href,我编码为公共
现在,我工作在搜索页面搜索框和searchButton,所以当用户输入文本框,点击searchButton, url必须相应地调整当用户直接输入(或涉及到该url使用后退按钮),应该显示搜索结果,这类似于gmail的"搜索邮件"按钮,请注意url是如何改变,我也试图实现同样的事情。希望你明白,谢谢。
对
我相信你正在寻找类似于这个例子的东西。
简化的例子:
<html>
<head>
<title>jQuery Address Form</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.address.js"></script>
<script type="text/javascript">
$.address.init(function(event) {
$('form').address();
})
.change(function(e) {
// for anything that isn't homepage
if (e.value != '/') {
// load results for url in e.value, for example:
$("#results").load(e.value);
}
})
</script>
</head>
<body>
<div class="page">
<h1>jQuery Address Form</h1>
<form action="find.php" method="get">
<label for="input">Query</label><br>
<input id="input" name="input" type="text" value="" size="60"/>
<input id="submit" name="submit" type="submit" value="Submit"/>
</form>
<div id="results">
</div>
</div>
</body>
</html>
当您提交表单时,url正在更改。然后由我的代码处理更改事件。 e。值在本例中是一个url,所以当url改变时,我们试图将搜索结果加载到#resultsdiv中。当用户在他/她的浏览器中使用"返回"按钮导航时,使用相同的更改处理程序。
有一个完整的jQuery插件,叫做jQuery BBQ:后退按钮&查询库。试试这个demo,看看是不是你需要的。
相关文章:
- Magento上的搜索按钮损坏
- 搜索按钮谷歌地图在我的vf页面上不起作用
- jqgridnavgrid在搜索按钮和自定义按钮之后添加按钮
- 如何在第一次单击后禁用搜索按钮,直到结果来自服务器
- 将搜索按钮从一个站点复制到另一个站点:此搜索按钮如何工作,以及如何重现其操作
- 如何使用带有搜索按钮的Google Places API
- 如何获取ExtJs 4.1.1中的搜索按钮
- 允许在表刷新后键入数据表搜索按钮
- 按enter键不会通过p:defaultCommand点击预期的搜索按钮
- jqGrid不显示搜索按钮
- 在运行时按搜索按钮突出显示文本
- 如何显示弹出窗口以在使用纯 JavaScript 从 Web 服务器获取/请求数据时禁用搜索按钮
- Php 搜索表单显示结果时无需按搜索按钮,而它应该等到按下按钮才能显示它们
- 搜索按钮不起作用
- 当我点击网站上的搜索按钮时,滚动到特定的
或 标签
- 如何在Liferay搜索组件中获取搜索按钮的ID
- 通过输入键(不起作用)或搜索按钮(工作)查询结果
- 单击搜索按钮后如何显示搜索详细信息
- 带有搜索按钮的jQuery下拉框
- 如何在jquery移动中添加搜索按钮