即时jQuery搜索脚本的结果页面的花式URL

时间:2011-06-05 13:43:58

标签: javascript jquery html

我有一个用jQuery编写的Google Instant样式搜索脚本。当用户查询时,# SEARCHTERM 会添加到我的网页网址中。我怎样才能使我的网址像#search / SEARCHTERM / 1 /?

我的jQuery代码是:

$(document).ready(function(){
    $("#search").keyup(function(){
        var search=$(this).val();
        var query=encodeURIComponent(search);
        var yt_url='search.php?q='+query+'&category=web';
        window.location.hash=query;
        document.title=$(this).val()+" - My Search Script";
        if(search==''){
            document.title='My Search Script';
        }
        $.ajax({
            type:"GET",
            url:yt_url,
            dataType:"html",
            success:function(response){
                $("#result").html(response);
            }
        });
    });
});

1 个答案:

答案 0 :(得分:1)

您需要更改window.location.hash=query;,使其为window.location.hash="search/" + query;

您还需要更改在页面加载时读取它的函数以删除“search /”。使用substring()或replace()。