ajax局部有刷新有关问题-Java教程-爱易网页

ajax局部有刷新有关问题

日期：2014-05-17　浏览次数：20932 次

ajax局部有刷新问题
运行是无法显示局部刷新效果
代码如下：

我的servlet代码UpdateCounter.java

Java code


package Servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;



public class UpdateCounter extends HttpServlet
{

    public void init() throws ServletException{}
    public void destroy()
    {
        super.destroy();
    }
    @Override
    public void doGet(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException
    {
        
        super.doGet(req, resp);
    }
    @Override
    public void doPost(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException
    {

        
         resp.setContentType("text/xml");
         resp.setCharacterEncoding("UTF-8");
         PrintWriter out =resp.getWriter();
         //创建一个随机数发生器
         Random rmd = new Random();
         //create  return client's 统计数据xml文档
         out.println("<response>");
         //product 6 data  as 实时的数据统计
         for(int i=0; i<6; i++)
         {
             out.println("<counter>"+rmd.nextInt(100)+"</counter>");//随机挑选一个0到100的数字
             
         }
         
         out.println("</response>");
         out.flush();
         out.close();
    }
}

web.xml配置

XML code



  <servlet>
 <servlet-name>UpdateCounter</servlet-name>
 <servlet-class>servlet.UpdateCounter</servlet-class>
 </servlet>
  <servlet-mapping>
 <servlet-name>UpdateCounter</servlet-name>
 <url-pattern>/UpdateCounter</url-pattern>
 </servlet-mapping>

我的htnl页面counterHtml.html

HTML code


<!DOCTYPE html>
<html>
  <head>
    <title>counterHtml.html</title>
    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    


  </head>
    <script language="javascript">
  //定义一个变量用来存储xmlHttpRequest对象
  var xmlHttp;
  //该函数用于创建一个xmlHttpRequest对象
  function createXMLHttpRequest()
  {
     if(window.ActiveXObject)
         {
            xmlHttp = new window.ActiveXObject("Microsoft.XMLHTTP");
         }
     else
         if(window.XMLHttpRequest)
     {
             xmlHttp = new XMLHttpRequest();
     }
  }
  //这是一个通过ajax刷新统计图的方法
  function  autoFlush()
  {
      //创建日期变量时间变量
      var tempTime = new Date();
      var tempParameter = tempTime.getTime();
      //创建一个xmlHttpRequest对象
      createXMLHttpRequest();
      //将状态触发器绑定到一个函数
      xmlHttp.onreadystatechange=processor;
      //这里放置一个时间参数是为了让服务器知道这是一个新的请求
      xmlHttp.open("GET","UpdateCounter?rmd="+tempParameter);
      //请求发送
      xmlHttp.send(null);
  }
  //处理从服务器返回的xml文档
  function processor()
  {
      //定义一个变量用于存储从服务器返回的结果
      var  result;
      if(xmlHttp.readyState==4)//如果响应完成
          {
             if(xmlHttp.status==200)//如果返回成功
                 {
                   //取出服务器返回的

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

ajax局部有刷新有关问题

相关资料更多>

推荐阅读更多>