jsp+ajax自动刷新局部页面

通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象, JavaScript 可在不重载页面的情况与 Web 服务器交换数据。

     AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

     实验中利用JSP+ajax来实现自动刷新页面,并读/写数据库中的数据。

    下面介绍一下利用JSP+ajax来实现局部页面刷新的小例子:

处理ajax请求的jsp文件:ajax.jsp

  1. <%@ page contentType="text/html; charset=gb2312" %>

  2. <%

  3. //设置输出信息的格式及字符集

  4. response.setContentType("text/xml; charset=UTF-8");

  5. response.setHeader("Cache-Control","no-cache");

  6. out.println("");

  7. for(int i=0;i<2;i++){

  8. out.println(""+(int)(Math.random()*10)+

  9. "号传感器");

  10. out.println("" +(int)(Math.random()*100)+ "");

  11. }

  12. out.println("");

  13. out.close();

  14. %>

发送ajax请求的jsp文件:zx.jsp

  1. 无线传感网
    传感器:
    传感器个数:

你可能感兴趣的:(java,tomcat,eclipse,jsp,ajax)