如何在phonegap和jquerymobile中传递url参数?

时间:2014-03-31 16:47:31

标签: jquery cordova

我正在使用jquery mobile和phonegap开发一个应用程序。我需要将一个url参数从jqm页面传递到另一个页面。这个jqm代码很好。

第1页

<a data-icon="maps" data-role="button" href="page2.html?id=test">Click</a> 

第2页

$.urlParam = function(name) {
    var results = new RegExp('[\\?&amp;]' + name + '=([^&amp;#]*)').exec(window.location.href);
    return results[1] || 0;
}
alert($.urlParam('id'));

但是,当我将相同的内容添加到phonegap时,它无法正常工作。任何想法如何在phonegap中使用它。

由于

3 个答案:

答案 0 :(得分:1)

我建议你使用这种方法。对你来说更容易。

第1页

HTML

<a id="mapButton" data-icon="maps" data-role="button" >Click</a> 

的javascript

$("#mapButton").click(function() {
    sessionStorage.param1 = "test";
    window.location.replace("page2.html");
});

第2页

alert(sessionStorage.param1);

答案 1 :(得分:0)

我相信这是我遇到的问题(http://www.raymondcamden.com/index.cfm/2012/2/24/Getting-URL-parameters-in-a-jQuery-Mobile-page),基本上,jQM将URL存储在$(this).data(&#34; url&#34;)中。您可以在pageshow事件中获取此值,拆分?,并在那里解析查询字符串。

答案 2 :(得分:0)

我遇到了同样的问题所以我刚刚创建了一个jQuery Mobile插件并将其放入here on Github。它允许您通过URL传递参数并在URL中维护它们,以便页面刷新和直接URL导航工作正常。

让我知道它是否有帮助并祝你好运!