Jquery 搜索和哈希

Question

如何使用哈希进行实时搜索？现在我有一个简单的 jquery 搜索:

 $(function(){
/// Start searching
       $("form#search-form").submit(function(e){     
          var hash = 'q=' + encodeURI(document.getElementById('q').value); 
          window.location.hash = hash;
          e.preventDefault();
          $("#results").fadeOut();
            $.ajax({
               type:"GET",
               data: $(this).serialize(),
               url: "search.php",
               success: function(msg){
                      $("#results").html(msg).fadeIn();      
                                     }
                    });     
        }); 
}); 

如您所见，我已在此处添加

 var hash = 'q=' + encodeURI(document.getElementById('q').value); 
 window.location.hash = hash;

在哈希中进行搜索输入。所以我的想法是输入“http://url/#q=word”并获得“word”的结果。目前我的“哈希函数”是无用的，它什么也不执行——只是为地址栏增加值(value)。我怎样才能让jquery以这种方式执行？

我尝试添加

 if (window.location.hash != "") {
}

但这没有帮助。或者我以前这样做是错误的。

Answer 1

试试这个

$(function(){
    $("form#search-form").submit(function(e){     
        e.preventDefault();
        var hash = 'q=' + encodeURI(document.getElementById('q').value); 
        window.location.hash = hash;
        search();
    });

    if (window.location.hash != "") {
        search()
    }

    function search() {
        var search = window.location.hash.replace('#q=','');

        $.ajax({
            type:"GET",
            data: { 'search' : search },
            url: "test2.php",
            success: function(msg){
                $("#results").html(msg).fadeIn();      
            }
        });
    }
});

为了获得更好的性能，请使用 jquery.hashchange 插件