在做订单付款倒计时功能时,遇到了前端时间与后端时间不一致问题,测试发现,其中有三个不同的时间存在。
客户端时间:js 的 new Date(); 方法获得的时间,这个时间可以在客户端修改,因此不可以用在此处。
服务器时间:项目的web服务器的系统时间,获取原理是使用 ajax请求,返回的头部信息就含有服务器端的时间信息。
获取方法:
JQuery:
function getServerDate(){
return new Date($.ajax({async: false}).getResponseHeader("Date"));
}
原生:
function getServerDate(){
var xhr = null;
if(window.XMLHttpRequest){
xhr = new window.XMLHttpRequest();
}else{ // ie
xhr = new ActiveObject("Microsoft")
}
xhr.open("GET","/",false)//false不可变
xhr.send(null);
var date = xhr.getResponseHeader("Date");
return new Date(date);
}
数据库时间:通过sql语句 now() 获取的时间。由于数据库服务器可能与web服务器的不同,时间可能也会不一致。
建议解决方案:统一采用web服务器时间,sql传入服务器当前时间,js采用ajax获取服务器时间。
能帮到你的话,请右上角点个赞哦~