Question

我想知道你是否可以告诉我在将url中的url参数传递到jquery移动运行网站上的特定页面时我能做些什么。

所以我在网站A上有一个链接，如下所示： http://www.m.mysite.org/donate?s_src=1234&s_subsrc=12345

如果有人点击该链接，我会被带到我的移动网站，在那里我有一个捐款表格。在捐赠表格中，我有两个隐藏的字段叫做

<input type="hidden" id="source" value="" />
<input type="hidden" id="sub_source" value="" />

我想获取这些参数的值并填充那些可能为空的值。这是我必须获取这些参数及其值的脚本：

var source = getUrlVars()["s_src"];
var subsourc = getUrlVars()["s_subsrc"];
if (source != "" && source != 'undefined' && source != null) {
    document.getElementById('source').value = source;
}
if (subsourc != "" && subsourc != 'undefined' && subsourc != null) {
    document.getElementById('sub_source').value = subsourc;
}

function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
}
return vars;
}

问题是这些值没有应用于那些隐藏的输入字段。

Answer 1

我认为这里的问题是你在jQuery mobile完全操纵DOM之前尝试将值写入输入。尝试将代码的顶部包装在您调用onload的函数中。

function onload()
{
var source = getUrlVars()["s_src"];
var subsourc = getUrlVars()["s_subsrc"];

if (source != "" && source != 'undefined' && source != null) {
document.getElementById('source').value = source;
}

if (subsourc != "" && subsourc != 'undefined' && subsourc != null) {
    document.getElementById('sub_source').value = subsourc;
}
}
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
}
return vars;
}
###
<body onload="onload()">

Answer 2

根据我对Lawson答案的评论，你可以使用ready()函数。此外，我现在使用jQuery设置隐藏输入的值与直接使用document对象。

jQuery.ready(function() {
    var source = getUrlVars()["s_src"];
    var subsourc = getUrlVars()["s_subsrc"];
    if (source != "" && source != 'undefined' && source != null) {
        jQuery("#source").val(source);
    }
    if (subsourc != "" && subsourc != 'undefined' && subsourc != null) {
        jQuery("#sub_source").val(subsourc);
    }
});

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

如何在jquery mobile中正确传递url参数

2 个答案: