关闭

Jquery插件知识之Jquery.cookie实现页面传值

标签: jqueryjquery插件
2317人阅读 评论(2) 收藏 举报
分类:
<span style="color:#ff0000;">//login.html页面</span>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script>
	$(document).ready( 
		function(){
			$("#btnOk").click(
				function(){
					//存放刚才的zhang.laoshi信息;
					//$.cookie('user',$("#user").val()); //user:存放信息key;value
					//alert($("#meiniu").attr("src"));
					$.cookie('src',$("#meiniu").attr("src"));
				}
			);	
		}
	);
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="success.html" ><!--action提交到某个页面;get:提交方式?user='zhang' and pwd='123'-->
  <table width="800" border="0" align="center">
    <tr>
      <td width="65">用户:</td>
      <td width="613"><input type="text" name="user" id="user" /></td>
      <td width="108"> </td>
    </tr>
    <tr>
      <td>图片</td>
      <td><img src="meiniu.jpg" width="118" height="79" id="meiniu" /></td>
      <td> </td>
    </tr>
    <tr>
      <td><input type="submit" name="button" id="btnOk" value="提交" /></td>
      <td><input type="reset" name="button2" id="button2" value="重置" /></td>
      <td> </td>
    </tr>
  </table>
</form>
</body>
</html>


//2.提交之后的success.html页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script>
$(document).ready(
	function(){
		//显示到div里面;
		//$("#content").html($.cookie('user')); //html:相当于div的innerHTML
		var s=$.cookie('src');
		$("#meiniu").prop("src",s);
	}
);

</script>
</head>

<body>

<div id="content" style="border:1px solid #f00; width:600px; height:300px;">
<img id="meiniu" src="" width="118" height="79"/>
</div>
</body>
</html>

0
0
查看评论

jquery关于cookie传值问题

cookie传值,我之前一直使用的是同事介绍的set传值和get获取值,
  • nvzizhou
  • nvzizhou
  • 2014-11-25 11:58
  • 1621

页面跳转传值,两个页面跳转cookie传值。

页面跳转传值,两个页面跳转cookie传值。
  • qq_36073929
  • qq_36073929
  • 2016-12-13 16:20
  • 3915

$.cookie 跨页面传值

跨页面传值$.cookie("name","1",{expires: 7,path:'/'})
  • xuelang532777032
  • xuelang532777032
  • 2016-11-10 13:14
  • 1315

跨页面传值的几种简单方式

方法一: 通过URL传值 eg: location.href="跨页面1-2.html?age=18&gender=man"; 在下个页面接收: //1、location.search获取get请求的参数 获取到的数据,是以?开头的 var se...
  • m0_37452696
  • m0_37452696
  • 2017-10-22 15:16
  • 362

Jquery 页面间传值

科技优家 2016-11-29 15:17 实现原理: 实现方式不是很复杂,父页面A打开一个子页面 A1,并同时写一个带参数的接收数据函数Receive(result),在A1页面进行逻辑操作,然后调用父页面A的Receive(result)函数,将结果传递到父页面。 使用场景:数据选择...
  • u011277123
  • u011277123
  • 2016-11-30 09:17
  • 2114

jquery通过url传递 和 接收 参数

jquery通过url传递 和 接收 参数 一传递参数页面.thml var 参数变量1 = '../image/goods1.jpg'; var 参数变量2 = 998; window.location.href = "../html/...
  • muguli2008
  • muguli2008
  • 2016-09-03 23:48
  • 6386

jquery传值例子

  • 2011-03-21 23:15
  • 3.87MB
  • 下载

HTML页面之间跳转传值

1.借助JQuery,通过URL拼接,从而传递数据。   jquery.params.js用于两个HTML网页之间的传值。a.html?name=waley&age=20;b.html页面则可以这样获取:$.query.get("name)。  例如;将a.h...
  • waley_yang
  • waley_yang
  • 2016-04-19 18:44
  • 19753

jquery实现页面之间的传值功能

  • 2010-01-24 14:12
  • 3KB
  • 下载

jQuery传值

1、前台传值给后台,后台返回字符串 $.get("Default.aspx", { typeName: "action", name: "John", time: "2pm&quo...
  • yxd2014xd
  • yxd2014xd
  • 2016-09-30 13:21
  • 85