如何使用javascript重定向後獲取URL參數？

Question

replacign用新的參數的位置後，加載後的頁面沒有得到PARAMATERS值，儘管有值的參數 所使用的代碼是：

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);返回undefined ..儘管div在點擊事件vairable有一個值

Answer 1

嘗試編碼參數，並取消在點擊事件的默認操作：

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

您可以使用庫來完成這項工作，而不是自己處理網址，例如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(); 
});