使用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();
});