使用ajax实现从服务器获得时间

    xiaoxiao2025-03-01  18

    1.java程序:

    package com.eduask;

    import java.io.IOException;

    import java.io.PrintWriter;

    import java.util.Date;

    import javax.servlet.ServletException;

    import javax.servlet.http.HttpServlet;

    import javax.servlet.http.HttpServletRequest;

    import javax.servlet.http.HttpServletResponse;

    //编写一个时间日期函数,当用户点击显示时间按钮,服务器会自动显示当前系统时间;

    public class Demo1 extends HttpServlet {

    @Override

    protected void service(HttpServletRequest req, HttpServletResponse resp)

    throws ServletException, IOException {

    req.setCharacterEncoding("utf-8");

    resp.setCharacterEncoding("utf-8");

    resp.setContentType("text/html;charset=utf-8");

    Date date=new Date();

    PrintWriter out =resp.getWriter();

    out.print("当前系统时间是:"+date);

    }

    }

    2.date.jsp文件

    <input id="input1"type="button" value="获得系统时间" οnclick="getXhr()" >

    <script type="text/javascript">

    var input1=document.getElementById("input1");

    input1.οnclick=function(){

    var xhr=getXhr();

    xhr.onreadystatechange=function(){

    if(xhr.readyState==4){

    if(xhr.status==200){

    var msg=xhr.responseText;

    document.write(msg);

    }

    }

    };

    xhr.open("get","/ajax/Demo1",true);

    xhr.send(null);

    };

    function getXhr(){

    var xhr;

    if(window.XMLHttpRequest){

    xhr=new XMLHttpRequest();

    }else{

    xhr=new ActiveXObject("microsoft.xmlhttp");

    }

    return xhr;

    }

    </script>

    3.web.xml配置文件

    <servlet>

    <servlet-name>Demo1</servlet-name>

    <servlet-class>com.eduask.Demo1</servlet-class>

    </servlet>

    <servlet-mapping>

    <servlet-name>Demo1</servlet-name>

    <url-pattern>/Demo1</url-pattern>

    </servlet-mapping>

    转载请注明原文地址: https://ju.6miu.com/read-1296766.html
    最新回复(0)