其实很简单 只要用户打开的页面url后带有参数
而javascript可以获取当前页面的url 只要对获取下来的url进行简单地解析即可
给大家看一下我的代码 只要把这些代码嵌入到页面文件即可
urlinfo=window.location.href;??//获取当前页面的url
len=urlinfo.length;//获取url的长度
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
newsid=newsids[1];//得到参数值
alert("您要传递的参数值是"+newsid);
不过一定要记得 这个方法只是针对含有参数的url有用
如果对方用了POST方法传递参数 url中是不会含有参数的
所以这个技巧只对GET方法或者指定了参数的url有用哦
function getparastr(strname)
{
var hrefstr,pos,parastr,para,tempstr;
hrefstr = window.location.href;
pos = hrefstr.indexOf("?")
parastr = hrefstr.substring(pos+1);
para = parastr.split("&");
tempstr="";
for(i=0;i<para.length;i++)
{
tempstr = para[i];
pos = tempstr.indexOf("=");
if(tempstr.substring(0,pos) == strname)
{
return tempstr.substring(pos+1);
}
}
return null;
}
// 获取program参数
var programstr = getparastr("program");
document.write(programstr);
今天在编写程序的时候遇到两个网页间数据的传递问题。
到网上搜索了一大堆的相关资料,终于把问题给解决了。
问题的解决很大部分得归功于JAVASCRIPT的应用,其中尤为重要的是JAVASCRIPT的DOM技术。
下面是页面间常见的一些数据传递问题,以及解决方法。
1:同一个页面间,两个FORM之间的参数传递
<html>
<head>
<title>大鱼之家</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="form1" method="post" action="">
<input type="text" name="test1" VALUE=">
<input type="button" name="Submit" value="change_test2" onClick="ok1()">
</form>
<form name="form2" method="post" action="">
<input type="text" name="test2">
<input type="button" name="Submit" value="change_test1" onClick="ok2()">
</form>
</body>
</html>
<script language="JavaScript">
function ok1()
{
document.form2.test2.value=document.form1.test1.value;
}
function ok2()
{
document.form1.test1.value=document.form2.test2.value;
}
</script>
由上可见。其中主要是对文档对象document的使用。关于文档对象document的使用方法可以参考以下文章
:http://www.channel7.cn/bbs/showthread.asp?threadid=506
2:网页与弹出页面之间的数据传递:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
<body>
<form name="my" method="post" action="#">
<input type="text" name="hehe" value="ffff">
</form>
<a href=# οnclick="javascriptpen('top-
hehehehe.asp','','scrollbars=yes,width=400,height=200')"><img
src="admin/images/edit/UpFile.gif" alt=上传文件 width="22" height="22" border=0
style="cursor: hand;"></a>
</body>
</html>
top-hehehehe.asp页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
<form name="bigfish" method="post" action="#">
<input type="text" name="hehe" value="Hei,Wo is your name?">
</form>
<body>
</body>
</html>
<script language="javascript">
opener.document.my.hehe.value=document.bigfish.hehe.value;
</script>
有关弹出页的使用方法可以参考如下文章:
http://www.channel7.cn/bbs/showthread.asp?threadid=512(说得非常详细)
http://www.channel7.cn/bbs/showthread.asp?threadid=503
3:页面与框架页面之间的数据传递
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
<body>
<iframe src="top-hehehehe.asp" id="message" align=center></iframe>
<form name="my" method="post" action="#">
<input type="text" name="hehe" value="ffff">
</form>
</body>
</html>
top-hehehehe.asp页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
<form name="bigfish" method="post" action="#">
<input type="text" name="hehe" value="Hei,Wo is your name?">
</form>
<body>
</body>
</html>
<script language="javascript">
top.document.my.hehe.value=document.bigfish.hehe.value;
</script>
4:框架网页之间的表单的文本框之间数据传递
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
<body>
<iframe src="top-hehehehe.asp" id="message" align=center></iframe>
<iframe src="top-hehehehe1.asp" id="message1" align=center></iframe>
</body>
</html>
top-hehehehe.asp页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
ID为message框架页
<form name="bigfish" method="post" action="#">
<input type="text" name="hehe" value="这是ID为message框架内部表单项HEHE的值">
</form>
<body>
</body>
</html>
<script language="javascript">
parent.message1.document.my.hehe.value=document.bigfish.hehe.value;
</script>
top-hehehehe1.asp页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>数据传递-大鱼</title>
</head>
ID为message框架页
<form name="bigfish" method="post" action="#">
<input type="text" name="hehe" value="这是ID为message1框架内部表单项HEHE的值">
</form>
<body>
</body>
</html>
<script language="javascript">
parent.message.document.my.hehe.value=document.bigfish.hehe.value;
</script>
使用QueryString
使用QuerySting在页面间传递值已经是一种很老的机制了,这种方法的主要优点是实现起来非常简单,然而它的缺点是传递的值是会显示在浏览器的地址栏上的(不安全),同时又不能传递对象,但是在传递的值少而安全性要求不高的情况下,这个方法还是一个不错的方案。使用这种方法的步骤如下:
1,使用控件创建web表单(form)
2,创建可以返回表单的按钮和链接按钮
3,在按钮或链接按钮的单击事件里创建一个保存URL的字符变量
4,在保存的URL里添加QueryString参数
5,使用Response.Redirect重定向到上面保存的URL
下面的代码片断演示了如何实现这个方法:
源页面代码:
private void Button1_Click
(object sender, System.EventArgs e)
{
string url;
url="anotherwebform.aspx?name=" + TextBox1.Text + "&email=" + TextBox2.Text;
Response.Redirect(url);
}
目标页面代码:
private void Page_Load
(object sender, System.EventArgs e)
{
Label1.Text=Request.QueryString["name"];
Label2.Text=Request.QueryString["email"];
}
使用Session变量
使用Session变量是可以在页面间传递值的的另一种方式,在本例中我们把控件中的值存在Session变量中,然后在另一个页面中使用它,以不同页面间实现值传递的目的。但是,需要注意的是在Session变量存储过多的数据会消耗比较多的服务器资源,在使用session时应该慎重,当然了,我们也应该使用一些清理动作来去除一些不需要的session来降低资源的无谓消耗。使用Session变量传递值的一般步骤如下:
1,在页面里添加必要的控件
2,创建可以返回表单的按钮和链接按钮
3,在按钮或链接按钮的单击事件里,把控件的值添加到session变量里
4,使用Response.Redirect方法重定向到另一个页面
5,在另一个页面提取session的值,在确定不需要使用该session时,要显式清除它
下面的代码片断演示了如何实现这个方法:
源页面代码:
private void Button1_Click
(object sender, System.EventArgs e)
{
//textbox1 and textbox2 are webform
//controls
Session["name"]=TextBox1.Text;
Session["email"]=TextBox2.Text;
Server.Transfer("anotherwebform.aspx");
}
目标页面代码:
private void Page_Load
(object sender, System.EventArgs e)
{
Label1.Text=Session["name"].ToString();
Label2.Text=Session["email"].ToString();
Session.Remove("name");
Session.Remove("email");
}
使用Server.Transfer
这个方法相比上面介绍的方法稍微复杂一点,但在页面间值传递中却是特别有用的,使用该方法你可以在另一个页面以对象属性的方式来存取显露的值,当然了,使用这种方法,你需要额外写一些代码以创建一些属性以便可以在另一个页面访问它,但是,这个方式带来的好处也是显而易见的。总体来说,使用这种方法是简洁的同时又是面向对象的。使用这种方法的整个过程如下:
1,在页面里添加必要的控件
2,创建返回值的Get属性过程
3,创建可以返回表单的按钮和链接按钮
4,在按钮单击事件处理程序中调用Server.Transfer方法转移到指定的页面
5,在第二个页面中,我们就可以使用Context.Handler属性来获得前一个页面实例对象的引用,通过它,就可以使用存取前一个页面的控件的值了
以下代码综合实现上述步骤过程的代码:
源页面代码:
把以下的代码添加到页面中
public string Name
{
get
{
return TextBox1.Text;
}
}
public string EMail
{
get
{
return TextBox2.Text;
}
}
然后调用Server.Transfer方法
private void Button1_Click
(object sender, System.EventArgs e)
{
Server.Transfer("anotherwebform.aspx");
}
目标页面代码:
private void Page_Load
(object sender, System.EventArgs e)
{
//create instance of source web form
WebForm1 wf1;
//get reference to current handler instance
wf1=(WebForm1)Context.Handler;
Label1.Text=wf1.Name;
Label2.Text=wf1.EMail;
}
在ASP.NET 2.0中启用了跨页面传送功能,其功能和用法在以后在做介绍!
页面之间传递值
方式1:
在接收页 的html代码里加上一行: <!--Reference Page = "WebForm1.aspx"-->
WebForm1 fp=(WebForm1)Context.Handler;
this.TextBox1.Text=fp.name; //name 是第一页的public变量
Context 提供对整个当前上下文(包括请求对象)的访问。您可以使用此类共享页之间的信息。
方式2:GET方式
在发送页
public int sum=0;
int i =int.Parse(this.TextBox1.Text)*2;
Server.Transfer("WebForm2.aspx?sum="+i);
接收页
this.TextBox1.Text=Request["sum"].ToString();
or this.TextBox1.Text=Request.Params["sum"].ToString();
this.TextBox1.Text=Request.QueryString["sum"];
方法3:全局变量
发送页:
Application["sum"]=this.TextBox1.Text;
Server.Transfer("WebForm2.aspx");
接收页:
this.TextBox1.Text=(string)Application["sum"];
Application实质上是整个虚拟目录中所有文件的集合,如果想在整个应用范围内使用某个变量值,Application对象将是最佳的选择
在这里用Session[""]的方法雷同
方法4:
发送页:
1.定义静态变量: public static string str="";
2. str=this.TextBox1.Text;
Server.Transfer("webform2.aspx");
接收页:
1.引入第一页的命名空间:using WebApplication1;
2 this.TextBox1.Text=WebForm1.str;
|