（7）--jQuery页面值传递

最新推荐文章于 2024-07-26 03:35:58 发布

原创最新推荐文章于 2024-07-26 03:35:58 发布 · 724 阅读

1 ·

CC 4.0 BY-SA版权

移动应用开发专栏收录该内容

8 篇文章

订阅专栏

本文介绍使用jQueryMobile实现从一个HTML页面通过点击按钮，将包含图片、标题和文本的一列元素信息传递到另一个HTML页面的方法。通过组合元素值并进行URL编码，在新页面中解析并展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用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 码。