ajax的简单应用

2020-08-10 22:00:59 阅读：206 来源： 互联网

标签：padStart new ajax toString 应用简单 Date let

jsp文件：

<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/3
  Time: 12:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="true" %>
<html>
<head>
    <title>今进</title>
</head>
<body>

javascript时钟：<h1 id="jst"></h1>
ajax <h2 id="we"></h2>

<script>
//ajax  js代码配合下面的jsp中的java代码实现时钟的走动
    let  a=new XMLHttpRequest();   //声明 ajax变量
    a.onreadystatechange=function(){
        if (a.status==200 && a.readyState==4){
            document.getElementById("we").innerHTML=a.responseText;
        }
    }

    function sst(){
    a.open("post","test1.jsp",true);
     a.setRequestHeader("Content-type","application/x-www-form-rulencoded")
    a.send(null);
    }
    sst();
    setInterval(sst,1000);


//只用js写日期；
    function st() {
        let  d=new Date();
        let nian=d.getFullYear();
        let  yue =(d.getMonth()+1).toString().padStart(2,0);
        let  ri =d.getDate().toString().padStart(2,0);
        let  shi =d.getHours().toString().padStart(2,0);
        let  fen =d.getMinutes().toString().padStart(2,0);
        let  miao =d.getSeconds().toString().padStart(2,0);
        let  day =d.getDay().toString().padStart(2,0);
        let  da="日一二三四五六".charAt(day);
        let  info =`${nian}年${yue}月${ri}日星期${da} ${shi}:${fen}:${miao}`
        document.getElementById("jst").innerHTML=info;

    }
    st();
    setInterval(st,1000);
</script>

</body>
</html>

jsp文件：

<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/10
  Time: 20:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>今进</title>
</head>
<body>
<%          //注意再此处的java代码配合上面的jsp中js代码
    SimpleDateFormat jt =new SimpleDateFormat("yyyy年MM月dd日HH：mm：ss");
    out.print(jt.format(new Date()));
%>
</body>
</html>

标签：padStart,new,ajax,toString,应用,简单,Date,let
来源： https://www.cnblogs.com/jinjinqiao/p/13472407.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ajax的简单应用