Question

我尝试使用http://www.asual.com/jquery/address/进行历史记录管理，当我们处理＆＃34; a＆＃34;标签，但现在我搜索模块，当我点击搜索按钮时触发，我试图将搜索文本包含在地址（以及页码）中，这样当用户使用后退按钮他/她还可以看到他们之前做过的搜索。任何帮助将不胜感激。

编辑：参考 - http://www.asual.com/jquery/address/

我正在构建AJAX应用程序，因此所有模块都使用AJAX加载并跟踪我使用的历史记录：http://www.asual.com/jquery/address/，直到现在所有链接都是＆＃34 ;一个＆＃34;我编码为公共

的href

现在，我正在搜索具有搜索TextBox和searchButton的搜索页面，因此当用户在文本框中输入并单击searchButton时，必须相应地调整网址，以便用户直接输入（或使用BACK按钮来到该URL），应显示搜索结果，这类似于＆＃34; SEARCH MAIL＆＃34;在Gmail中按钮，请注意网址是如何变化的，在这里我也试图实现相同的目标。希望很清楚，谢谢。

此致

Answer 1

我恳求你正在寻找类似example的内容。

简化示例：

<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>

提交表单时，网址会发生变化。然后由我的代码处理更改事件。 e.value 在此示例中是一个网址，因此当网址发生变化时，我们会尝试将搜索结果加载到#results div中。当用户在他/她的浏览器中使用“后退”按钮导航时，将使用相同的更改处理程序。

Answer 2

存在完整的jQuery插件，称为jQuery BBQ: Back Button & Query Library。试试demo，找出你的需要。

使用搜索按钮的动态jquery地址

2 个答案: