51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

ajax获取Response Headers响应头信息

ajax type HEAD获取Response Headers信息,ajax通过Response Headers头信息获取服务端时间

**常用场景:**基于服务器端标准时间做倒计时业务使用。 PS:常见开发人员使用本地时间做倒计时参考时间,在客户端时间不准确时会产生歧义或bug。

示例如下:

//jquery引用注意,ajax done需要1.5版本之后支持
$.ajax({
	url: "//lab.fity.cn/time/time.gif",
	type: "HEAD"
}).done(function(data, textStatus, jqXHR) {
	oncallback(jqXHR)
}).fail(function(jqXHR, textStatus, errorThrown) {
	oncallback(jqXHR)
})

function oncallback(jqXHR) {
	//返回全部头信息,string
	var all_headers = jqXHR.getAllResponseHeaders();
	//获取服务端的时间并强制格式化为东八区时间
	var time_zone = 8; //默认时区设定为东八区
	var date_obj = new Date(server_time);
	var server_time = jqXHR && jqXHR.getResponseHeader("Date");//注意默认为GMT-0格林尼治标准时间
	var offset_GMT = date_obj.getTimezoneOffset(); // 本地时间和格林威治的时间差,单位为分钟
	var nowDate = date_obj.getTime(); // 本地时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数
	var date_time_now = new Date(nowDate + offset_GMT * 60 * 1000 + time_zone * 60 * 60 * 1000);
	console.log('本地时间/本机时间: ' + new Date());
	console.log('服务端格林尼治标准时间: ' + server_time);
	console.log('服务端当前时区时间: ' + date_time_now);
	
	var timestamp_local = parseInt(new Date().getTime()/1000); //本地时间转时间戳
	var timestamp_server = parseInt(date_time_now.getTime()/1000); //服务端时间转时间戳
	
	//资源类型
	var content_type = jqXHR && jqXHR.getResponseHeader('Content-Type');
	console.log('请求资源类型: ' + content_type);
}

//输出
//本地时间/本机时间: Mon Dec 02 2019 18:17:07 GMT+0800 (中国标准时间)
//服务端格林尼治标准时间: Tue, 03 Dec 2019 10:17:11 GMT
//服务端当前时区时间: Tue Dec 03 2019 18:17:11 GMT+0800 (中国标准时间)

//PS:出于测试本地时间特意调慢1天。
赞(0)
未经允许不得转载:工具盒子 » ajax获取Response Headers响应头信息