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

最新推荐文章于 2023-04-18 17:00:54 发布

原创最新推荐文章于 2023-04-18 17:00:54 发布 · 775 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xmlhttprequest #jsp #servlet #mozilla #safari #url

【JSP相关】专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何在JSP页面中利用XMLHttpRequest进行动态无刷新请求，通过JavaScript与后台Servlet交互。在处理过程中，特别讨论了中文乱码问题的解决方法，包括设置contentType为'html/text'，设置字符编码为'UTF-8'以及避免缓存的Header设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近用到了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()显示