网页计数
package com.suqinhu.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; @WebServlet("") public class IndexServlet extends HttpServlet { static int count = 0; @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { count++; resp.setCharacterEncoding("utf-8"); resp.setContentType("text/html"); PrintWriter writer = resp.getWriter(); String template = "<!DOCTYPE html>\n" + "<html lang=\"en\">\n" + "<head>\n" + " <meta charset=\"UTF-8\">\n" + " <title>首页</title>\n" + "</head>\n" + "<body>\n" + " <p id=\"content\">::count::</p>\n" + " <script src=\"js/index.js\"></script>\n" + " <script src=\"js/jquery-3.5.0.js\"></script>\n" + "</body>\n" + "</html>"; String content = template.replace("::count::",String.valueOf(count)); writer.println(content); } }
这是自己用来计数网页上有多少人访问的简单实现。
$(function main() { setInterval(function () { $.get("get-request-count",function (count) { $("#content").html(count); }) },5000) });
在html中引入相关的js文件,一个即为上述,另一个则是JQuery3.5.0。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <p id="content">::count::</p> <script src="js/index.js"></script> <script src="js/jquery-3.5.0.js"></script> </body> </html>
::count::在后边会使用相关内容进行替换。