终极解决MagicAjax提交中文表单乱码的问题(转)

转自:http://community.hf-mstc.org/cs/blogs/shakewang/archive/2006/07/06/2931.aspx

上次，我遇到的 MagicAjax的中文问题，当初为了演示，只是临时的使用了数字来绕过中文提交的问题，但不是最终的解决方法。今天终于忍不住这个乱码了，就打算解决它。先是到网上搜索一下，但都是说的另外一个问题。大部分人都是说把 magicajax post数据时的那个“loading...”修改成中文，出现乱码，这个好解决，这个汉字在 AjaxCallObject.js 文件里，直接把AjaxCallObject.js文件保存成utf-8就解决了。

我的问题是：页面上假如有个文本框，输入的是汉字，那么使用magicajax去提交数据到后台，在后台获取到的是乱码。打开magicajax的源码，找到 AjaxCallObject.js文件（之所以还是直接找这个文件，是因为ajax提交数据首先是通过js调用xmlhttp对象，将数据post到后台的，那么，就看看magicajax是不是把这个提交的数据进行了处理），找到使用xmlhttp提交的这段：

 
  AjaxCallObject.prototype.DoAjaxCall 
  =


   
  function
  (eventTarget, eventArgument, ajaxCallType, ajaxScopeID, additionalData)
{......      

  this
  .XmlHttp.open(
  "
  POST
  "
  , thePage, 
  true
  );

  this
  .XmlHttp.onreadystatechange 
  =
   
  function
  (){ oThis.ReadyStateChange(); };

  this
  .XmlHttp.setRequestHeader('Content
  -
  Type', 'application
  /
  x
  -
  www
  -
  form
  -
  urlencoded');

  this
  .XmlHttp.send(theData);
}

可以看出在这里提交了theData数据，我用alert(theData)的方法将数据在提交前显示出来，发现提交的数据都直接显示是中文，然后再跟踪程序到后台，发现就已经是乱码了，这说明这个 AjaxCallObject.js 本身并没有对这个post的数据进行编码处理。

然后，就好办了，使用jscript里的 escape（）函数将待post的数据在提交前编码一下，就不会出现中文了。代码如下：

 
  if
   ( __bPageIsStored 
  &&
   eName 
  ==
   '__VIEWSTATE' )
                    
  continue
  ;

                
  var
   type 
  =
   curElem.type;
                
  var
   val 
  =
   curElem.value;
                
                
  //
  这里对待提交的中文进行编码
  

                  
  //
  wangzhen 2006-07-06
  

                  val 
  =
   escape(val);

                
  if
   ( type 
  ==
   
  "
  submit
  "
   
  ||
   type 
  ==
   
  "
  button
  "
   )
                    
  continue
  ;

                val 
  =
   
  this
  .EncodePostData(val);

                
  if
   ( type 
  ==
   
  "
  select-multiple
  "
   
  ||
   type 
  ==
   
  "
  select-one
  "
   )
                {
                    
  var
   selectLength 
  =
   curElem.options.length;
                    
  var
   optNameStr 
  =
   
  this
  .EncodePostData(eName);
                    
  for
   (
  var
   j
  =
  0
  ; j 
  <
   selectLength; j
  ++
  )
                        
  if
   (curElem.options[j].selected)
                            theData 
  =
   theData 
  +
   optNameStr 
  +
   '
  =
  ' 
                                

                            
  +
   escape(curElem.options[j].value) 
  +
   '
  &
  '; 
 
 
  
  //
  当页面里有dropdownlist时，还有这里的编码也要处理
  

                  }
                
  else
   
  if
   ( (type 
  !=
   
  "
  checkbox
  "
   
  &&
   type 
  !=
   
  "
  radio
  "
  ) 
  ||
   curElem.checked )
                {
                    theData 
  =
   theData 
  +
   
  this
  .EncodePostData(eName) 
  +
   '
  =
  ' 
  +
   val 
  +
   '
  &
  ';
                }

除此之外，还要找到如下这段代码并按注释修改：

 
  AjaxCallObject.prototype.EncodePostData 
  =
   
  function
  (data)
{
    
  //
  由于已经使用了escape方法对postback的值进行了编码，这里不再替换“%”
  

     
  //
  wangzhen 2006-07-06 
  

      
  //
  return data.split("%").join("%25").split("=").join("%3d").

    //split("&").join("%26").split("+").join("%2b");
  

      
  return
   data.split(
  "
  =
  "
  ).join(
  "
  %3d
  "
  ).split(
  "
  &
  "
  ).join(
  "
  %26
  "
  ).split(
  "
  +
  "
  ).join(
  "
  %2b
  "
  );
    
    
}