客户端和服务器端时间一致性解决方案

最新推荐文章于 2024-06-13 10:18:25 发布

SugarPPig

最新推荐文章于 2024-06-13 10:18:25 发布

阅读量895

点赞数

分类专栏：安全

本文链接：https://blog.csdn.net/ChinaLiaoTian/article/details/100668697

版权

安全专栏收录该内容

6 篇文章 0 订阅

订阅专栏

有两种情况：

1、WEB端使用ajax等方式访问

直接获取服务器端所返回header头中的date参数，以下采用js模拟该过程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WEB端和服务器端时间一致性解决方案</title>
</head>
<body>
<div id="remote_date"></div>
</body>
</html>
<script>
    var request = new XMLHttpRequest();
    request.open("GET", "remote.txt", true);
    request.send();

    var headerMap = [];
    request.onreadystatechange = function () {
        if (this.readyState == this.HEADERS_RECEIVED) {

            // Get the raw header string
            var headers = request.getAllResponseHeaders();

            // Convert the header string into an array
            // of individual headers
            var arr = headers.trim().split(/[\r\n]+/);

            // Create a map of header names to values

            arr.forEach(function (line) {
                var parts = line.split(': ');
                var header = parts.shift();
                headerMap[header] = parts.join(': ');
            });
            // 输出到页面
            document.getElementById('remote_date').innerText = getRemoteDate(headerMap['date']);
        }

    };


    function getRemoteDate(rawDate) {
        var time, year, month, date, hours, minutes, seconds;

        time = new Date(rawDate);
        year = time.getFullYear();

        // 小于10的数在前面加上0
        month = (time.getMonth() + 1) < 10 ? ("0" + (time.getMonth() + 1)) : (time.getMonth() + 1)
        date = time.getDate() < 10 ? ("0" + time.getDate()) : time.getDate();
        hours = time.getHours() < 10 ? ("0" + time.getHours()) : time.getHours();
        minutes = (time.getMinutes() < 10 ? ("0" + time.getMinutes()) : time.getMinutes());
        seconds = (time.getSeconds() < 10 ? ("0" + time.getSeconds()) : time.getSeconds());
        time = year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds;

        return time;
    }
</script>

2、APP端调用接口访问

服务器端单独提供一个获取时间接口让APP端调用

SugarPPig

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
客户端和服务器端时间一致性解决方案

有两种情况：1、WEB端使用ajax等方式访问直接获取服务器端所返回header头中的date参数，以下采用js模拟该过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WEB端和服务器端时间一致性解决方案</t...
复制链接

扫一扫

专栏目录