Javascript 使用搜索按钮的动态jquery地址
我尝试使用历史记录管理,当我们处理“a”标记时,它工作得非常好,但现在我有了搜索模块,当我点击搜索按钮时,它会触发,我尝试在地址中包含搜索文本(还有页码),这样,当用户使用backs按钮时,他/她也可以看到他们以前做过的搜索。任何帮助都将不胜感激 编辑: 参考- 我正在构建AJAX应用程序,因此所有模块都是使用AJAX加载的,为了跟踪我使用的历史记录:,到目前为止,所有链接都是“a”href,我将其编码为Public 现在,我正在处理一个搜索页面,该页面有一个搜索文本框和一个搜索按钮,因此当用户进入文本框并单击搜索按钮时,url必须进行相应调整,因此当用户直接输入(或使用返回按钮访问该url)时,应显示搜索结果,这类似于“搜索邮件”按钮,请注意url是如何变化的,在这里我也试图实现同样的事情。 希望清楚,谢谢Javascript 使用搜索按钮的动态jquery地址,javascript,jquery,Javascript,Jquery,我尝试使用历史记录管理,当我们处理“a”标记时,它工作得非常好,但现在我有了搜索模块,当我点击搜索按钮时,它会触发,我尝试在地址中包含搜索文本(还有页码),这样,当用户使用backs按钮时,他/她也可以看到他们以前做过的搜索。任何帮助都将不胜感激 编辑: 参考- 我正在构建AJAX应用程序,因此所有模块都是使用AJAX加载的,为了跟踪我使用的历史记录:,到目前为止,所有链接都是“a”href,我将其编码为Public 现在,我正在处理一个搜索页面,该页面有一个搜索文本框和一个搜索按钮,因此当用户
问候我知道你在找这样的东西 简化示例:
<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>
jQuery地址表
$.address.init(函数(事件){
$('form').address();
})
.更改(功能(e){
//对于任何不是主页的东西
如果(例如,值!='/')){
//加载e.value中url的结果,例如:
$(“#结果”)。加载(e.值);
}
})
jQuery地址表
查询
提交表单时,url正在更改。然后,更改事件由我的代码处理。e、 值在本例中是一个url,因此当url发生更改时,我们将尝试将搜索结果加载到#results div中。
当用户使用浏览器中的“后退”按钮进行导航时,会使用相同的更改处理程序。存在完整的jQuery插件,名为。试试看,看看这是否是你所需要的。请详细说明并提出一个明确的问题。我仍然没有看到任何问题。简单地说,我正在尝试实现gMail中的搜索功能,尝试进行3-4次搜索,然后使用“后退”按钮&注意URL是的,我正在寻找类似的东西。我们如何在一个简单的文本框上做同样的事情呢?我已经用简化的例子和一些代码更新了我的答案。