从url定义jQuery变量

时间:2011-07-21 21:13:17

标签: javascript jquery html

我有一个jQuery搜索脚本,它使用标签让用户定义他们想要使用的搜索类型。当用户搜索时,会创建一个类似#类型 / 查询 /的网址。我需要以某种方式在我的window.location.hash.replace中定义查询字词,所以我只剩下URL中的搜索类型。如何将以下示例中的 QUERYGOESHERE 更改为用户所做的查询?我希望人们能理解我的问题。

我的jQuery脚本是:

$(document).ready(function () {
    $('[id^=type_]').click(function () {
        type = this.id.replace('type_', '');
        $('[id^=type_]').removeClass('selected');
        $('#type_' + type).addClass('selected');
        return false;
    });
    if (window.location.hash != "") {
        url = window.location.hash.replace('#', '').replace('/QUERYGOESHERE/', '');
        $('#type_' + url).click();
    } else {
        $('#type_search').click();
    }
    $('#query').keyup(function () {
        var query = $(this).val();
        var url = '/' + type + '/' + query + '/';
        window.location.hash = '' + type + '/' + query + '/';
        document.title = $(this).val() + ' - My Search Script';
        $('#results').show();
        if (query == '') {
            window.location.hash = '';
            document.title = 'My Search Script';
            $('#results').hide();
        }
        $.ajax({
            type: 'GET',
            url: url,
            dataType: 'html',
            success: function (results) {
                $('#results').html(results);
            }
        });
    });
    var textlength = $('#query').val().length;
    if (textlength <= 0) {
        $('#query').focus();
    } else {
        $('#query').blur();
    }
});

1 个答案:

答案 0 :(得分:0)

这应该这样做。

var full = window.location.hash.replace('#', '')
var queryType = full.substring(0,full.indexOf("/"))
var query = full.replace(queryType, '');

编辑:更新了代码

if (window.location.hash != "") { 
  var full = window.location.hash.replace('#', ''); 
  var queryType = full.substring(0,full.indexOf("/")); 
  console.log('#type_' + queryType); 
  $('#type_' + queryType).click(); 
}