日期:2014-05-16  浏览次数:20372 次

用js彻底解决中文传递乱码问题
最近在做一个网站,当在前台用到
<a href="search.action?pageNow=<s:property value="#page.pageNow-1"/>&newsTitle=<s:property value="#session.title"/>">上一页</a>

这个通过超链接调用后台action的时候,因为newsTitle的值是中文的,所以在调用action的时候,后台获取到的newsTitle的值为????,也就是乱码,这怎么解决呢?我们呢都知道,在用超链接调用action的时候,使用的是url重定向,所以使用的是get方法,不会进行代码的解析,使用post当然可以,那就得写一个<form>,但是这样子做太麻烦了,所以下面是用js做的代码,js代码如下:
function linkClick(linkObject) {         
    var formObject = document.createElement('form');   
    document.body.appendChild(formObject);   
     formObject.setAttribute('method', 'post');   
     var url = linkObject.href;   
     var uri = '';   
     var i = url.indexOf('?');   
               
     if(i == -1) {   
        formObject.action = url;   
     } else {   
        formObject.action = url.substring(0, i);   
     }   
               
     if( i >= 0 && url.length >= i + 1) {   
        uri = url.substring(i + 1, url.length);   
     }   
  
     var sa = uri.split('&');   
               
     for(var i = 0; i < sa.length; i++) {   
       var isa = sa[i].split('=');         
       var inputObject = document.createElement('input');   
       inputObject.setAttribute('type', 'hidden');   
       inputObject.setAttribute('name', isa[0]);   
       inputObject.setAttribute('value', isa[1]);   
       formObject.appendChild(inputObject);   
     }   
               
     formObject.submit();   
               
     return false;   
}  
			

超链接上面写一个onclick时间即可:
<a href="search.action?pageNow=<s:property value="#page.pageNow-1"/>&newsTitle=<s:property value="#session.title"/>" onclick="return linkClick(this)">上一页</a>

上面的js的代码就是自动生成了一个<from>表单,然后又生成了隐藏域,把要传递的参数赋值给隐藏域,最后使用post方法提交,这样子就轻松解决掉了中文传递乱码的问题。