页面传值--中文编码篇

-----------------JS--------------------------------

一：JavaScript静态页面值传递之URL篇

能过URL进行传值.把要传递的信息接在URL上.

例子：

参数传出页面Post.htm—>

 

<input type="text"name="username">

<input type="text" name="sex">

<input type="button"value="Post">

<script language="javascript" >

function Post()

{

　　//单个值 Read.htm?username=baobao;

　　//多全值 Read.htm?username=baobao&sex=male;

　　url= "Read.htm?username="+escape(document.all.username.value);

　　url+= "&sex=" + escape(document.all.sex.value);

　　location.href=url;

}

</script>

 

参数接收页面Read.htm—>

 

<script language="javascript" >

/*

*--------------- Read.htm -----------------

* Request[key]

* 功能:实现ASP的取得URL字符串,Request("AAA")

* 参数:key,字符串.

* 实例:alert(Request["AAA"])

*--------------- Request.htm -----------------

*/

var url=location.search;

var Request = new Object();

if(url.indexOf("?")!=-1)

{

　　varstr = url.substr(1)　//去掉?号

　　strs= str.split("&");

　　for(vari=0;i<strs.length;i++)

　　{

　　 　 Request[strs[i].split("=")[0]]=unescape(strs[ i].split("=")[1]);

　　}

}

alert(Request["username"])

alert(Request["sex"])

</script><script language="JavaScript">

<!--

function Request(strName)

{

var strHref ="www.abc.com/index.htm?a=1&b=1&c=测试测试";

var intPos = strHref.indexOf("?");

var strRight = strHref.substr(intPos + 1);

var arrTmp = strRight.split("&");

for(var i = 0; i < arrTmp.length; i++)

{

var arrTemp = arrTmp[i ].split("=");

if(arrTemp[0].toUpperCase() == strName.toUpperCase())return arrTemp[1];

}

return "";

}

alert(Request("a"));

alert(Request("b"));

alert(Request("c"));

//-->

</script>

<script>

String.prototype.getQuery = function(name)

{

　　varreg = new RegExp("(^|&)"+ name+"=([^&]*)(&|$)");

　　varr = this.substr(this.indexOf("?")+1).match(reg);

　　if(r!=null) return unescape(r[2]); return null;

}

var str ="www.abc.com/index.htm?a=1&b=1&c=测试测试";

alert(str.getQuery("a"));

alert(str.getQuery("b"));

alert(str.getQuery("c"));

</script>

 

优点:取值方便.可以跨域.
缺点:值长度有限制

 

二：JavaScript静态页面值传递之Cookie篇

Cookie是浏览器存储少量命名数据.

它与某个特定的网页或网站关联在一起.

Cookie用来给浏览器提供内存,

以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.

 

 

参数传出页面Post.htm—>

 

<inputtype="text" name="txt1">

<inputtype="button" value="Post">

<scriptlanguage="javascript" >

functionsetCookie(name,value)

{

/*

*---------------setCookie(name,value) -----------------

*setCookie(name,value)

* 功能:设置得变量name的值

* 参数:name,字符串;value,字符串.

* 实例:setCookie('username','baobao')

*---------------setCookie(name,value) -----------------

*/

　　var Days = 30; //此 cookie 将被保存 30 天

　　var exp　= new Date();

　　exp.setTime(exp.getTime() +Days*24*60*60*1000);

　　document.cookie = name +"="+ escape (value) + ";expires=" + exp.toGMTString();

　　location.href = "Read.htm";//接收页面.

}

</script>

 

参数接收页面Read.htm—>

 

<scriptlanguage="javascript" >

functiongetCookie(name)

{

/*

*---------------getCookie(name) -----------------

*getCookie(name)

* 功能:取得变量name的值

* 参数:name,字符串.

* 实例:alert(getCookie("baobao"));

*---------------getCookie(name) -----------------

*/

　　var arr =document.cookie.match(new RegExp("(^|)"+name+"=([^;]*)(;|$)"));

　　if(arr !=null) returnunescape(arr[2]); return null;

}

alert(getCookie("baobao"));

</script>

 

优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.

三：JavaScript静态页面值传递之Window.open篇

这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm

子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.

 

 

<inputtype=text name=maintext>

<inputtype=button value="Open">

Read.htm

<scriptlanguage="javascript" >

//window.open打开的窗口.

//利用opener指向父窗口.

varparentText = window.opener.document.all.maintext.value;

alert(parentText);

</script>

 

优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.

-------------------------JS->JAVA------------------

js url传值java 页面url传值中文编码&解码

地 址栏中出现汉字的情况有两种，一种是汉字出现在URL的路径部分，一种是汉字出现在URL的传参的部分，第二种情况的时候必须采用编码后传参，接受时解码 的方式完成传参。js中编码有escape(),encodeURI(),encodeURIComponent()三个常用的方法，escape()常 常用在提交页面和处理页面的编码格式相同的情况下（比如它们都是GB2312），encodeURI()和encodeURIComponent()的用 法基本相同，区别在于encodeURIComponent()也对"?"等特殊字符进行编码。
一开始遇到中文参数的时候，使用encodeURI()进行了一遍编码，传过去后，发现解码出现问题，于是想到可能是编码方法使用错误，于是使用escape()方法，这时发现解码时抛出isHexDigit异常。借助百度搜索isHexDigit异常，
发现原来，是escape()方法造成了异常，同时了解了浏览器传递地址的一些原理，在浏览器地址栏里，浏览器认为%是个转义字符，浏览器会把%与%之间的编码，两位两位取出后进行解码,然后再传递给处理页面，
然后由处理页面进行再次解码。由此我想到一直使用encodeURI方法是正确的，只是需要使用两次encodeURI方法，例如encodeURI(encodeURI("中文"));第一次是把中文编码成%xy的格式，
第二次是对%xy中的%进行编码,%编码成%。整个传参过程大体应该是：提交页面使用encodeURI(encodeURI("中文"))编码,把最后的编码结果%xy传递给处理页面的过程中，浏览器获取URL地址
（注意openModelDialog方法，浏览器获取不到参数编码）后解码成%xy，然后把%xy传递给处理页面,处理页面使用URLDecoder.decode(request.getParameter("参数名"),"UTF-8");完成解码。
总结：
1、汉字出现在URL路径部分的时候不需要编码解码;
2、使用encodeURI进行2次编码;
3、在openModelDialog()打开的模式窗体里没办法用request.getParameter正确获取参数;

客户端和服务器在传递数据时可以用过滤器filter解决字符编码问题，但filter只能 解决post方式提交的数据。对于get方式，可以使用两次encodeURI(encodeURI(“中文”))并在服务器中使用 URLDecoder.decode(“中文”, "UTF-8");

今天用Ajax校验数据时也遇到这个问题，尽管页面、类和web容器都统一了字符编码，提交的数据依然是乱码，所以就采用了2次encodeURI()编码方式，乱码问题就解决了。
页面
var name=document.myForm.username.value;
var url="Ajax.do?method=check&name="+encodeURI(encodeURI(name));
xmlHttp.open("GET",url,true);
action中
String name = request.getParameter("name");
name = URLDecoder.decode(name, "UTF-8");

servlet返回数据时，将字符编码设置为utf-8就可以了，因为Ajax只支持utf-8
response.setContentType("text/xml;charset=utf-8");
PrintWriter out = response.getWriter();
out.print(result);

-------------------ASP------------------------

在asp中加一个链接，指向asp.net网页，但asp.net的网址是经过HttpUtility.UrlEncode转换和HttpUtility.UrlDecode解码的，而asp的server.urlencode却和HttpUtility.UrlEncode的编码方式不一样.

举例：asp.net用Get方式传输的URL为:"WebPage.asp?str="+HttpUtility.UrlEncode(str)  ,解码方式为HttpUtility.UrlDecode(Request.QueryString["str"].ToString().Trim()) 

asp的Get方式传送为"webPage.aspx?str="+server.urlencode(str) 两种编码不统一 

解决方案：在asp使用Get方式传送"WebPage.aspx?str="+server.urlEncode( server.URLpathencode(str)) 

asp.net GET方式传送参数："WebPage.aspx?str="+ HttpUtility.UrlEncode( str，System.Text.Encoding.GetEncoding("gb2312")) 

asp.net GET方式接收参数：str=HttpUtility.UrlDecode(Request.QueryString["str"].ToString().Trim(),System.Text.Encoding.GetEncoding("gb2312"))