在 JQuery Mobile 的两个不同文件中的两个页面之间传递参数 [英] pass parameters between two pages in two different files in JQuery Mobile
本文介绍了在 JQuery Mobile 的两个不同文件中的两个页面之间传递参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在 Jquery 中的两个页面之间传递参数的最佳方式是什么?.
假设我有一个 page1.html 和 page2.html
我想将参数 id 从 page1 传递到 page2.
这样做的最佳方法是什么?.
我目前使用:
$.mobile.navigate("#workOrderDetailsPage?id=" + woId);
但那是针对单个页面中的两个页面.但是如何使用 JQuery Mobile 为两个单独文件中的两个页面执行此操作?.
解决方案
页面转换之间的数据/参数操作
可以在页面转换期间将参数从一个页面发送到另一个页面.可以通过几种方式完成.
参考:https://stackoverflow.com/a/13932240/1848600
解决方案 1:
您可以使用 changePage 传递值:
$.mobile.changePage('page2.html', { dataUrl : "page2.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true});
并像这样阅读它们:
$(document).on('pagebeforeshow', "#index", function (event, data) {var 参数 = $(this).data("url").split("?")[1];;parameter = parameters.replace("parameter=","");警报(参数);});
[示例][3]:
index.html
<头><meta charset="utf-8"/><meta name="viewport" content="widdiv=device-widdiv, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><标题><link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"/><script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"><script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script><脚本>$(document).on('pagebeforeshow', "#index",function () {$(document).on('click', "#changePage",function () {$.mobile.changePage('second.html', { dataUrl : "second.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : false, changeHash : true });});});$(document).on('pagebeforeshow', "#second",function () {var 参数 = $(this).data("url").split("?")[1];;parameter = parameters.replace("parameter=","");警报(参数);});头部><身体><!-- 主页--><div data-role="page" id="index"><div data-role="header"><h3>第一页
<div data-role="内容"><a data-role="button" id="changePage">Test</a>
<!--内容--></div><!--page-->