escape函数解决js中ajax传递中文出现乱码问题

 更新时间:2014年10月30日 10:06:34   投稿:shichen2014  
这篇文章主要介绍了escape函数解决js中ajax传递中文出现乱码问题,是非常实用的技巧,需要的朋友可以参考下

本文实例讲述了escape函数解决js中ajax传递中文出现乱码问题,分享给大家供大家参考。具体方法如下:

一、问题描述:

本来网页特效中的escape()是将中文按iso-8859-1字符集进行url编码的,那样通过 request.getparameter()是能直接获取到请求参数的,但后来的javascript将escape()换成了unicode字符集编 码,如此一来,在jsp教程和servlet中就没法直接拿到请求参数了,具体原因我也不知道。

二、解决办法:

1、首先对中文字符进行两次escape()编码,如要传参数name,值为“你好”,则url的格式为....name=escape(escape("你好")),这样一来,在request.getparameter()就能取到编码后的参数了。

2、由于取到的参数是  %25u4f60%25u597d  格式的,没法用常规的urldecoder.decode()来进行解码,还好,这世上的牛人够多,在网上直接找到了一个工具类,能实现 javascript中escape()及unescape()式的编解码
 

复制代码 代码如下:
<script language="javascript"> 
function get(id){return document.getelementbyid(id).value}
function setting()
  {
   var xmlhttp;
 if(window.activexobject)
 {
  xmlhttp=new activexobject("microsoft.xmlhttp")
 }else{
   xmlhttp=new xmlhttprequest();
 }
 xmlhttp.onreadystatechange=function()
 {
    if(xmlhttp.readystate==4)
    {
       if(xmlhttp.status==200)
    {
       alert("成功!")
    }else{
      alert(xmlhttp.status)
    }
    }
   }
 var url="action.asp教程?action=setting&rnd="+math.random()
 xmlhttp.open("post",url,true)
 var senddate ="title="+escape(get("title"))+"&conn_way="+escape(get("conn_way"))+"&databasename="+escape(get("databasename"))+"&sqlusername="+escape(get("sqlusername"))+"&sqlpassword="+escape(get("sqlpassword"))+"&sqllocalname="+escape(get("sqllocalname"))+"&pg_size="+escape(get("pg_size"))+"&adminid="+escape(get("adminid"))+"&adminpwd="+escape(get("adminpwd"));
2727 xmlhttp.setrequestheader('content-type','application/x-www-form-urlencoded');
 xmlhttp.send(senddate)
  }
</script>

上面的实例我们中文只用了escape函数,语法如下:

定义和用法:
escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。
语法:

escape(string)参数 描述
string 必需。要被转义或编码的字符串。

返回值:
已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

说明:
该方法不会对 ascii 字母和数字进行编码,也不会对下面这些 ascii 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他所有的字符都会被转义序列替换。

提示和注释:
提示:可以使用 unescape() 对 escape() 编码的字符串进行解码。
注释:ecmascript v3 反对使用该方法,应用使用 decodeuri() 和 decodeuricomponent() 替代它

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • Bootstrap基本插件学习笔记之按钮(21)

    Bootstrap基本插件学习笔记之按钮(21)

    这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之按钮的相关资料,实现按钮状态控制等形式的交互,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 利用Keydown事件阻止用户输入实现代码

    利用Keydown事件阻止用户输入实现代码

    这篇文章主要介绍了利用Keydown事件阻止用户输入的具体实现,需要的朋友可以参考下
    2014-03-03
  • JavaScript空数组的every()方法实践

    JavaScript空数组的every()方法实践

    every()方法用于检测数组中的所有元素是否都满足指定条件, 本文主要介绍了JavaScript空数组的every()方法实践,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • 基于js实现投票的实例代码

    基于js实现投票的实例代码

    这篇文章主要介绍了基于js实现投票的实例代码,三种投票表现效果,个人比较喜欢柱状投票图,具有立体感,感兴趣的朋友可以参考下
    2015-08-08
  • 全面解析Bootstrap中tab(选项卡)的使用方法

    全面解析Bootstrap中tab(选项卡)的使用方法

    这篇文章主要为大家全面解析Bootstrap中tab(选项卡)的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • js中for in语句的用法讲解

    js中for in语句的用法讲解

    这篇文章主要介绍了js中for in语句的用法讲解,本文用多个实例讲解了for in语句的用法及适合场景,需要的朋友可以参考下
    2015-04-04
  • JavaScript将相对地址转换为绝对地址示例代码

    JavaScript将相对地址转换为绝对地址示例代码

    本文为大家详细介绍下JavaScript怎么将相对地址转换为绝对地址,具体的示例如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • js获取对象属性值的两种方法使用总结

    js获取对象属性值的两种方法使用总结

    这篇文章主要给大家介绍了关于js获取对象属性值的两种方法使用,分别是通过.获取和通过[]获取这两种方法,文中介绍了详细的方法和不同点,需要的朋友可以参考下
    2023-05-05
  • JS实现简单面向对象的颜色选择器实例

    JS实现简单面向对象的颜色选择器实例

    这篇文章主要介绍了JS实现简单面向对象的颜色选择器,以完整实例形式分析了JavaScript基于面向对象实现颜色选择器的具体步骤与实现技巧,需要的朋友可以参考下
    2016-04-04
  • js substr、substring和slice使用说明小记

    js substr、substring和slice使用说明小记

    关于substr、substring和slice方法区别的文章,网上搜到了许多,文章内容也基本一致。而后,我将其中一篇文章中的代码挪到本地进行了测试,发现测试结果和原文中的有些出入。
    2011-09-09

最新评论