js之head请求,闪电般实现交互

平时我们用到的请求一般为post和get,今天介绍一种新的请求方式,head请求,顾名思义,head请求就是请求头部信息的,也只能请求头部信息,所以相应速度非常快,可以快速的实现前后端的交互

$.ajax({
            type: 'HEAD', // 获取头信息,type=HEAD即可
            url : window.location.href,
            //url:"http://device.qq.com/cgi-bin/device_cgi/remote_bind_get_Verify",
            complete: function( xhr,data ){
                // 获取相关Http Response header
                var wpoInfo = {
                    // 服务器端时间
                    "date" : xhr.getResponseHeader('Date'),
                    // 如果开启了gzip,会返回这个东西
                    "contentEncoding" : xhr.getResponseHeader('Content-Encoding'),
                    // keep-alive ? close?
                    "connection" : xhr.getResponseHeader('Connection'),
                    // 响应长度
                    "contentLength" : xhr.getResponseHeader('content-length'),
                    // 服务器类型,apache?lighttpd?
                    "server" : xhr.getResponseHeader('Server'),
                    "vary" : xhr.getResponseHeader('Vary'),
                    "transferEncoding" : xhr.getResponseHeader('Transfer-Encoding'),
                    // text/html ? text/xml?
                    "contentType" : xhr.getResponseHeader('Content-Type'),
                    "cacheControl" : xhr.getResponseHeader('Cache-Control'),
                    // 生命周期?
                    "exprires" : xhr.getResponseHeader('Exprires'),
                    "lastModified" : xhr.getResponseHeader('Last-Modified')
                };
                //console.log(xhr.getAllResponseHeaders());
                console.log(wpoInfo,0000);
            }
        });

代码摘自:yuan010101

posted @ 2017-12-07 12:30  阿弥陀佛么么哒!  阅读(1744)  评论(0编辑  收藏  举报