使用javascript重定向后如何获取URL参数？

Question

用新参数替换位置之后，尽管参数中包含值，但使用的代码为：加载后的页面未获得参数值：

function getURLParameter(name) {
    return
    decodeURI((RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]);
}

$(document).ready(function () {
    $(".sub").slideUp();
    var div = getURLParameter("div");
    var ddl = getURLParameter("ddl");
    alert(div);
    //            alert("ManageTrainingNeeds.aspx?div=" + div + "&ddl=" + ddl);
    // $("#" + div).slideDown();
    //  $("#ddlObjectiveGroup").val("'" + ddl + "'");      
});
$(".btnAddSub").live("click", function () {
    var diva = $(this).parent().parent().parent().parent().parent().parent().attr("id");
    var ddl = $("#ddlObjectiveGroup option:selected").val();
    window.location.replace("ManageTrainingNeeds.aspx?div=" + diva + "&ddl=" + ddl);
});

该alert(div); 尽管click事件中的div变量具有值，但仍返回undefined ..

Answer 1

尝试对参数进行编码，并取消click事件中的默认操作：

function getURLParameter(name) {
    return decodeURIComponent((RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]);
}

$(document).ready(function () {
    var div = getURLParameter('div');
    var ddl = getURLParameter('ddl');
    alert(div + ' ' + ddl);
});

$('.btnAddSub').live('click', function () {
    var diva = encodeURIComponent($(this).parent().parent().parent().parent().parent().parent().attr('id'));
    var ddl = encodeURIComponent($('#ddlObjectiveGroup').val());
    window.location.replace('/ManageTrainingNeeds.aspx?div=' + diva + '&ddl=' + ddl);
    return false;
});

Answer 2

您可以使用一个库来代替作业，而无需亲自摆弄这些URL，例如URI.js。 （对不起，自我宣传）

$(document).ready(function () {
    var search = URI().search(true);
    alert(search.div + ' ' + search.ddl);
});

$('.btnAddSub').live('click', function (e) {
    var uri = URI('/ManageTrainingNeeds.aspx');
    uri.search({
        diva: $(this).parent().parent().parent().parent().parent().parent().attr('id'),
        ddl: $('#ddlObjectiveGroup').val()
    });
    window.location.href = uri.toString();
    e.preventDefault();
});