DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> escape函數解決js中ajax傳遞中文出現亂碼問題
escape函數解決js中ajax傳遞中文出現亂碼問題
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved