关于AJAX使用中出现中文乱码的问题

Posted 2020-10-08 莫问人生

自己初学AJAX，遇到一个棘手的bug就是xmlHttp.open("get",url,false);url里面有中文，结果出现乱码。不过最后在百度，和诸位博主的帮助下，成功解决了。

解决方法：

<SCRIPT language="javascript" type="text/javascript">

function query(){
var sname= document.queryForm.sname.value;
var xmlHttp;
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");//定义了Msxml2.XMLHTTP对象（不同浏览器定义方法不一样，它具有异步提交功能）
}
xmlHttp.open("get","query.do?sname="+sname,false);//get表示以get方式提交，p6.jsp表示提交到的页面，true表示异步提交。注意，这句代码运行时并没有提交。
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
result.innerhtml = xmlHttp.responseText;
}
else{
result.innerHTML = "正在查询，请稍等...";
}
}
xmlHttp.send();//xmlHttp异步提交
}
</SCRIPT>

这段代码有个问题，就是query.do?sname="+sname,会出错，就算你写成query.do?sname=你好"，传到action里面也是一个？？,就是乱码.

怎么解决呢？在var sname= document.queryForm.sname.value;

sname=encodeURI(sname);//对字符串进行编码

这样传到action里面就是中文了，

action代码：

public class QueryAction extends Action {

public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
// TODO Auto-generated method stub
String sname = request.getParameter("sname");
  System.out.println("得到"+sname);
try{
sname = new String(sname.getBytes("ISO-8859-1"),"utf-8");
  }catch(Exception ex){}
  System.out.println("转码"+sname);
StudentDao sdao = new StudentDao();
ArrayList stus = sdao.queryStuByName(sname);
request.setAttribute("stus", stus);
return new ActionForward("/p6.jsp");
}
}

这里打印出来就

得到（传过来的参数）

转码？？

还是会出现？？,怎么解决？

把try{
sname = new String(sname.getBytes("ISO-8859-1"),"utf-8");
  }catch(Exception ex){}删除掉，就正常了.

归根到底，就是中文编码的问题，因为ajax的默认编码是ISO-8859-1，所以你就算写了filter过滤器也不能解决这个问题。jsp开头写<%@ page  language="java" import="java.util.*" pageEncoding="utf-8"%>也没有用。

最后提供一下中文过滤器的代码，可以解决很多jsp显示中文乱码的问题：

Filter.java

package filter;
import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;

public class Efilter implements Filter {
public Efilter(){
//System.out.println("过滤构造函数");
}
private String encodingName;
public void init(FilterConfig fc) throws ServletException {
// 初始化函数，服务器运行能自动运行一次
//System.out.println("过滤器init函数");
encodingName =fc.getInitParameter("encodingName");//得到局部参数
}
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws IOException, ServletException {
// TODO Auto-generated method stub
//每次提交都会运行
//System.out.println("过滤器doFilter函数");

request.setCharacterEncoding(encodingName);//解决中文问题
//过滤器是在提交到处处理模块之前运行，所以这里要将请求向后传递
chain.doFilter(request,response);
}

public void destroy() {
//消亡函数
//System.out.println("过滤器destroy函数");
}

}

之后到web.xml里面进行注册：

<!-- 注册过滤器-->
<filter>
<filter-name>Efilter</filter-name>
<filter-class>filter.Efilter</filter-class>
<init-param>
<param-name>encodingName</param-name>
<param-value>gb2312</param-value><!-- 可以识别简体中文-->
</init-param>
</filter>
<filter-mapping>
<filter-name>Efilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>