javascript - 单击phonegap中的href链接时如何通过url传递参数？

Question

您好，我正在尝试在 PhoneGap 中的两个页面之间传递参数

$('.left_menu').append('<ul>'+
        '<li><a href="A.html?username="+employeecode+"&role="+rolecode+"" rel="external">A</a></li>'+
        '<li><a href="B.html?username="+employeecode+"&role="+rolecode+"" rel="external">B</a></li>'+
        '<li><a href="C.html?username="+employeecode+"&role="+rolecode+"" rel="external">C</a></li>'+
        '<li><a href="D.html?username="+employeecode+"&role="+rolecode+"" rel="external">D</a></li>'+
    '</ul>');

在A.html页面中获取参数我使用了以下代码:

function GetUrlValue(VarSearch){
var SearchString = window.location.search.substring(1);
var VariableArray = SearchString.split('&');
for(var i = 0; i < VariableArray.length; i++){
    var KeyValuePair = VariableArray[i].split('=');
    if(KeyValuePair[0] == VarSearch){
        return KeyValuePair[1];
    }//END IF
 }//END FOR
}//END FUNCTION

var employeecode = decodeURIComponent(GetUrlValue('username'));
var rolecode = decodeURIComponent(GetUrlValue('role'));

Answer 1

您可以添加以下代码来设置 url 并获取 url 参数值。

$('.left_menu').append('<ul>'+
    '<li><a href="A.html?username="'+employeecode+'&role='+rolecode+'" rel="external">A</a></li>'+
    '<li><a href="B.html?username="'+employeecode+'&role='+rolecode+'" rel="external">B</a></li>'+
    '<li><a href="C.html?username="'+employeecode+'&role='+rolecode+'" rel="external">C</a></li>'+
    '<li><a href="D.html?username="'+employeecode+'&role='+rolecode+'" rel="external">D</a></li>'+
'</ul>');

在A.html页面

/** GET PARAMETER **/
function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if(results == null)
    return "";
  else
    return results[1];
}

var username = getParameterByName('username');
var role = getParameterByName('role');