Ajax Fetch get请求时钟案例

最新推荐文章于 2021-10-26 15:50:20 发布

卋舉

最新推荐文章于 2021-10-26 15:50:20 发布

阅读量108

点赞数

分类专栏： ajax 文章标签： ajax java 前端

本文链接：https://blog.csdn.net/W_SJ_SY/article/details/120973283

版权

ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>fetch</title>
    <meta name="Keywords" content="关键字">
    <meta name="description" content="简介">
</head>
<body>
<!-- fetch 实现ajax -->
<h3 id="tt"></h3>
<script>

    //时钟效果
    setInterval(()=>{
        fetch("/time")
        .then(res=>res.text())
        .then(msg=>{
            document.querySelector("#tt").innerHTML=msg;
        })
    },1000)
    
</script>
</body>
</html>

package ws.wsj.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;
/*时钟效果*/
@WebServlet("/time")
public class Time extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    Date d = new Date();
    PrintWriter out = resp.getWriter();
    out.println(sdf.format(d));
    }
}