JSP中使用XMLHttpRequest动态无刷新及其中文乱码处理

来源:互联网 发布:淘宝店铺违规怎么看 编辑:程序博客网 时间:2024/05/16 02:35

最近用到了XMLHttpRequest  动态无刷新技术

不刷新当前页面发送请求,并得到返回结果

主要是jsp页面内的js与后台的servlet交互,返回值为文本~~~

 

1.在页面的<script type="text/JavaScript" >内加入

//无刷新请求的xmlhttp请求
  var http_request=false;
function createRequest(url)
{
    http_request = false;
 
   if (window.XMLHttpRequest) { // Mozilla, Safari,...
      http_request = new XMLHttpRequest();
      if (http_request.overrideMimeType) {
         http_request.overrideMimeType('text/html');
      }
   } else if (window.ActiveXObject) { // IE
      try {
         http_request = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            http_request = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (e) {}
      }
   }
   if (!http_request) {
      alert('不能创建XMLHTTP实例!');
      return false;
   }
   http_request.onreadystatechange=alertContents;
   http_request.open("POST",url,true);
   http_request.send(null);
}

 

2.调用--在js调用请求【CONTROL为servlet配置的url-mapping,传参跟一般url传参一样】

createRequest('CONTROL'+'?cmd=listen');

 

3.在servlet中处理【中文乱码问题】

  PrintWriter out;
  response.setContentType("html/text");//此5行必备,用于输出中文,否则乱码
  response.setCharacterEncoding("UTF-8");
  response.setHeader("Cache-Control","no-cache");
  out=response.getWriter();

 

  out.println("对不起,系统忙,请稍后再试!"); //为返回的响应结果,在页面直接以alert()显示

原创粉丝点击