Ajax技术--实时显示公告信息（$.get()）

た入场券 2024-02-17 23:45 34阅读 0赞

1、index.jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'index.jsp' starting page</title>
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    	
    	<script type="text/javascript" src = "js/jquery-3.1.1.min.js"></script>
    	<script type="text/javascript">
    	  function show(){
    	  $.get("display.jsp?nocache="+new Date().getTime(),function(data){
    	  $("#div1").html(data);
    	  });
    	  }
    	  
    	  $(document).ready(function(){
    	    show();
    	    setInterval("show()",5000);
    	  });
    	</script>
      </head>
      
      <body>
        <marquee direction="up" scrollamount="3" style= "height:300px">
           <div id = "div1" style="background: grey;height:100px ;width:200px"></div>
        </marquee>
      </body>
    </html>

2、display.jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <%
      String []msg = {"高考进行中","端午放假通知","今明两天气温升高","明天休假"};
      
      for(int i = 0; i < msg.length; i++){
        out.println("<li>"+ msg[i] +"</li>");
      }
     %>

![Center][]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/17f0e81a139c4704a721d73b2bd321cf.png