视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > JavaScript >

[JS]JS提交中文encodeURI两次转码

时间:2014-06-06 15:32酷播
[JS]JS提交中文encodeURI两次转码

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

 1.

JS: escape :

  • js使用数据时可以使用escape
  • 例如：搜藏中history纪录。
  • 0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

 

 2.

JS: encodeURI ：

  • 进行url跳转时可以整体使用encodeURI
  • 例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

 

 3.

JS: encodeURIComponent ：

  • 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                           
  • 例 如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a& amp; gt;');</script>

 

Ajax使用POST提交中文乱码问题
前段时间写JSP，使用AJAX以POST方式提交数据，如果是中文字符提交就会乱码，后来写ASP时用到AJAX以POST方式提交数据，中文一样是乱 码。搜索一下相关资料，问题应该是提交数据时是以UTF-8编码提交，所以接收时如果使用GB2312或者其它中文编码的话就会乱码。

使用GET方式提交数据的时候，中文问题很好解决，setRequestHeader("Content-Type","text/html; encoding=gb18030")就可以了。但这个方法在POST方式中却不起作用。大家都知道GET方式提交数据有长度限制，有时我们必须使用 POST方式来提交数据。

对于使用POST，JSP的解决方法如下：
使用escape（或encodeURI，两个函数都是JavaScript的函数，功能基本相同，可以查一下相关的帮助），但要使用两次，这个是关键。

初始页面内容如下(hello.jsp)：
  1. <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> 
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
  3. <html> 
  4. <head> 
  5. <title>AJAX提交页面</title> 
  6. <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
  7. <script type="text/javascript"> 
  8. function justdo(){ 
  9.     var post = "name=王力猛&email=wallimn@sohu.com&bokee=http://wallimn.bokee.com"; 
  10.     post = encodeURI(post); 
  11.     post = encodeURI(post);    //两次，很关键 
  12.     var xmlObj = new ActiveXObject("Msxml2.XMLHTTP"); 
  13.     var URL = "act.jsp";    //文件名需要调整成测试时的相应位置 
  14.     xmlObj.open("POST",URL,true); 
  15.     xmlObj.setRequestHeader("Cache-Control","no-cache"); 
  16.     xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 
  17.     xmlObj.send(post);    //注意：POST方式，使用这个来发送内容 
  18. } 
  19. </script> 
  20. </head>  
  21. <body> 
  22. <input type="button" value="提交" onclick="justdo()" /> 
  23. </body> 
  24. </html> 
encodeURI() 函数可把字符串作为 URI 进行编码，字符将被十六进制的转义序列进行替换。
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
js的encodeURI()后的字符一般为utf-8编码，如果服务器端编码为不同编码，则需要iconv转换。
  1. <?php 
  2. $a = urlencode(iconv("gb2312", "UTF-8", "电影")); //等同于javascript encodeURI("电影"); 
  3. echo $a; 
  4. $b = iconv("utf-8","gb2312",urldecode("%E7%94%B5%E5%BD%B1")); //等同于javascript decodeURI("%E7%94%B5%E5%BD%B1"); 
  5. echo $b; 
  6. ?>   

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器