jquery 检查 URL 是否已经有查询字符串

Question

如果这是第一次加载网站，那么当用户选择医院的位置下拉列表时，它应该将 hos=somelocation 作为查询字符串传递给 URL。 http://mysite/events/Pages/default.aspx?hos=Munster

如果 URL 已经有一个以及其他查询字符串，例如 http://mysite/events/Pages/default.aspx?kwd=cancer&hos=Munster

然后我需要检查 &hos 是否已经在 window.location.search.. 如果已经有一个，然后用最近选择的值替换它的任何值，而不像这样附加它： http://mysite/events/Pages/default.aspx?kwd=cancer&hos=Munster&hos=Carmel -> 这不是我想要的。一旦用户从位置下拉列表中选择 Carmel，我希望这是http://mysite/events/Pages/default.aspx?kwd=cancer&hos=Carmel。有人请帮忙！！

$(".LocationDropDown").change(function(e){
    var querystring=window.location.search;
    var currentURL=$(location).attr('href');
    if(querystring=='') {
        window.location.href= ( $(this).val() == "All Hospitals" ) ? 'http://mysitee/events/Pages/default.aspx':'http://mysite/events/Pages/default.aspx?hos='+$(this).val();
        }
        else            
          {
            window.location.href = ( $(this).val() == "All Hospitals" ) ? 'http://mysitee/events/Pages/default.aspx':currentURL+'&hos'+$(this).val();
   }
});

Answer 1

试试BBQ plugin for jQuery。如果您要像您的示例一样使用多个查询字符串值，那么它非常易于使用并且是最好的插件。

要获取变量，可以使用：

$.bbq.getState( "kwd" );
$.bbq.getState( "hos" );

并设置状态：

$.bbq.pushState({ hos: Carmel }); //pushState has an optional 2nd param 
//for whether or not to delete all the params not in the push function or to keep them.

并在 URL 更改时执行函数：

$(window).bind( "hashchange", function(e) {
    // In jQuery 1.4, use e.getState( "url" );
    var url = $.bbq.getState( "url" );
});

Answer 2

这可能是由于在 else 部分使用了 currentURL 变量。使用http://mysite/events/Pages/default.aspx?hos='+$(this).val();而不是当前网址

Answer 3

我讨厌只是链接到网站，但我找到了这个人的解决方案，它看起来非常适合通过 javascript 获取和设置 url 参数。

http://www.west-wind.com/weblog/posts/2009/Sep/07/Get-and-Set-Querystring-Values-in-JavaScript

//check if querystring contains hos
if (getUrlEncodedKey('hos', location.search) != '') {
     //set new value
     setUrlEncodedKey('hos', newval);
}

getUrlEncodedKey = function(key, query) {
    if (!query)
        query = window.location.search;    
    var re = new RegExp("[?|&]" + key + "=(.*?)&");
    var matches = re.exec(query + "&");
    if (!matches || matches.length < 2)
        return "";
    return decodeURIComponent(matches[1].replace("+", " "));
}
setUrlEncodedKey = function(key, value, query) {

    query = query || window.location.search;
    var q = query + "&";
    var re = new RegExp("[?|&]" + key + "=.*?&");
    if (!re.test(q))
        q += key + "=" + encodeURI(value);
    else
        q = q.replace(re, "&" + key + "=" + encodeURIComponent(value) + "&");
    q = q.trimStart("&").trimEnd("&");
    return q[0]=="?" ? q : q = "?" + q;
}

//There are a couple of helpers in use here. For completeness here they are as well:    
String.prototype.trimEnd = function(c) {
    if (c)        
        return this.replace(new RegExp(c.escapeRegExp() + "*$"), '');
    return this.replace(/\s+$/, '');
}
String.prototype.trimStart = function(c) {
    if (c)
        return this.replace(new RegExp("^" + c.escapeRegExp() + "*"), '');
    return this.replace(/^\s+/, '');
}

String.prototype.escapeRegExp = function() {
    return this.replace(/[.*+?^${}()|[\]\/\\]/g, "\\$0");
};

Answer 4

只是一些代码提示，但未经测试。

$(".LocationDropDown").change(function(e){
    var querystring=window.location.search;
    var currentURL=$(location).attr('href');
    if(querystring=='') {
        window.location.href= ( $(this).val() == "All Hospitals" ) ? 'http://mysitee/events/Pages/default.aspx':'http://mysite/events/Pages/default.aspx?hos='+$(this).val();
    }
    else if(str.indexOf("hos=")==-1)
    {
        window.location.href = ( $(this).val() == "All Hospitals" ) ? 'http://mysitee/events/Pages/default.aspx':currentURL+'&hos='+$(this).val();
    }
    else{
        window.location.href= ( $(this).val() == "All Hospitals" ) ? 'http://mysitee/events/Pages/default.aspx': getReplacedValForHospital(currentURL, $(this).val());
    }
});
function getReplacedValForHospital(currentURL, hospitalVal) {
    var tempString = currentURL.substring(currentURL.indexOf("hos="));
    currentURL = currentURL.replace(tempString,"hos="+hospitalVal);
    return currentURL;
}