jQuery移动将参数从一页传递到另一页

Question

我目前正在使用一种表单来导航表单参数并将其从一个页面传递到另一页面，并通过查询字符串传递。

FirstPage表单代码

<form name="input" action="new_page.html" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

在新页面中，我尝试使用document.URL获取查询字符串值。 当旧页面指向新页面时，仅执行新页面的正文内容。 脚本文件不在新页面中执行。 因此，我无法在新页面中获取查询字符串值。

通过表单将参数从一个页面传递到另一页面的过程对于常规HTML页面而言效果很好，但是在jQuery Mobile的情况下不起作用。

谁能建议我一种将参数从一个jQuery Mobile页面传递到另一页面的更好方法。 任何帮助表示赞赏。

Answer 1

关于更改页面时脚本不执行： 导航到其他html页面时，jQueryMobile页面事件未触发

jQuery Mobile使用AJAX将新页面拉入DOM，这是创建jQuery Mobile网站所必须习惯的。 这意味着应该在document.ready或window.load上运行的代码应绑定到其他事件，例如： pagecreate ， pageshow ， pageinit 。 这是有关事件的jQuery Mobile的文档（可能很有启发性）： http : //jquerymobile.com/demos/1.0/docs/api/events.html （请注意，页面事件的开始时间大约为中途）。

Answer 2

如果从jquery移动页面重定向，则使用ajax加载新页面，因此使用$（document）.ready（）;不能使用新页面的JS。

$(document).ready(function(){
      //your awesome JS here won't work!
});

所以改用这个：

$(document).bind('pageinit',function(event){
         //the same JS here will work!

});

现在，您的JS应该可以工作了（至少对我有用！）。 有关更多信息，请转到此处。 希望这可以帮助！

Answer 3

关于在JQM中传递querystring参数，请查看我以前的代码示例答案 。

希望这可以帮助！