MagicAjax支持中文！

最新推荐文章于 2024-11-07 01:22:08 发布

vainnetwork

最新推荐文章于 2024-11-07 01:22:08 发布

阅读量991

点赞数

文章标签： postback function application button ajax

本文链接：https://blog.csdn.net/vainnetwork/article/details/1746636

版权

我的问题是：页面上假如有个文本框，输入的是汉字，那么使用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;

  
  //
  
  这里对待提交的中文进行编码
  
  

  
                  
  
  //
  
  vainnetwork
  
                  
 
 
 
 
  
  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的值进行了编码，这里不再替换“%”
  
  

  
     
  
  //
  
  vainnetwork
  
  

  
      
  
  //
  
  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
  
  "
  
  );
}