（7）--jQuery页面值传递

用jQueryMobile写了一个界面如下，现想要通过点击 “购买”按钮，实现将图中这一列元素（包括图片，标题，文本）传递到另一个HTML界面的功能。

主页面的jQuery代码

<script>
<!--页面值传递-->
	$(document).ready(function() {
        $("#buy").click(function(){
			var src = $(this).prev().prev().prev().attr("src");
			var title = $(this).prev().prev().html();
			var context = $(this).prev().html();
			var urlx = "724-2.html?src="+src+"&title="+title+"&context="+context;
			window.location.href=urlx;
			});
    });
</script>

先获取各元素值，再将其组合，并在其中加一些特殊符号，以便之后切割。

 

新页面的jQuery代码

<script>
	$(document).ready(function() {
        var loc = window.location.href;
		console.log("a:"+loc);
		var param = loc.split("?")[1];
		console.log("b:"+param);
		var paramList = param.split("&");
		console.log("c:"+paramList);
		var key,val;
		for(index in paramList){
			key = paramList[index].split("=")[0];
			console.log(key);
			val = paramList[index].split("=")[1];
			val = decodeURI(val,"UTF8");
			console.log(val);
			if("src" == key)
				$("#container").append("<img src='" + val +"'>");
			else
				$("#container").append("<p>" + val + "</>");
			}
    });
</script>

切割特殊符号，以获得各元素的值，文字类要将其转换成utf-8 码。

新页面样式未更改，略丑。