JQuery Mobile 两个页面之间的参数传递

index.html 页面

<script type="text/javascript">
$(document).bind('pagebeforechange',function(e, data){
	if ( typeof data.toPage != "string" ) {
		//window.alert("From = " + data.options.data);
		//window.alert("A = " + data.options.target);
		
		var url = $.mobile.path.parseUrl(e.target.baseURI);
		var re = "view/stock_add.php";
		var searchs = url.href.search(re);
		
		if(searchs != -1){
			var page = $(e.target).find("#page-add");
			// 表单方式传参
			var formData = "?" + data.options.data;
			var fParmas = getUrlParam(formData);
			page.find("#frmValue1").append(decodeURIComponent(fParmas.stockCode +" = "+ fParmas.stockName));
			
			// A 标签传参
			var targetData = data.options.target;
			var aParmas = getUrlParam(targetData);
			page.find("#frmValue2").append(decodeURIComponent(aParmas.stockCode +" = "+ aParmas.stockName));
		}
		
	}
});
function getUrlParam(string) {
	var obj = {};
	if (string.indexOf("?") != -1) {
		var string = string.substr(string.indexOf("?") + 1);
		var strs = string.split("&");
		for(var i = 0; i < strs.length; i ++) {
			var tempArr = strs[i].split("=");
			obj[tempArr[0]] = unescape(tempArr[1]);
		}
	}
	return obj;
}

<div id="content" data-role="content">
    <div id="content-search">
      <a href="view/stock_add.php?stockCode=600528&stockName=证券名称">view/stock_add.php</a>
      <br>
      <form action="view/stock_add.php" method="post">
        <input id="ipt-search" type="search" name="stockCode" value="" placeholder="输入股票代码,例如:000001" />
        <input id="ipt-name" type="text" name="stockName" value="" />
        <input id="btn-search" type="submit" value="iValue 搜索" />
      </form>
    </div>
  </div>

stock_add.php 页面(接受值得页面)

<div id="page-add" data-role="page" data-theme="b">
  <div id="header" data-theme="b" data-role="header">
    header
  </div>
  <!-- /header -->
  
  <div id="content" data-role="content" data-theme="b">
    <div id="frmValue1"> </div>
    <div id="frmValue2"> </div>
  </div>
  <!-- /content -->
  
  <div id="footer" data-role="footer" class="ui-bar" data-theme="b">
    footer
  </div>
  <!-- /footer -->
  
</div>
<!-- /page -->



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值