`
kavy
  • 浏览: 888147 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

通过Ajax方式获取Http Response Header

 
阅读更多
$.ajax({
    type: 'HEAD', // 获取头信息,type=HEAD即可
    url : window.location.href,
    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')
        };
        // 在这里,做想做的事。。。
    }
});
分享到:
评论

相关推荐

    js 使用ajax设置和获取自定义header信息的方法小结

    在JavaScript中,Ajax技术常用于实现页面的异步数据交互,而设置和获取自定义header信息则是Ajax请求中一个重要的功能。以下是对该主题的详细解释: ### 1. 设置自定义Header信息 #### 1.1 使用`beforeSend`回调...

    Laravel开发-ajax-response

    在Laravel框架中,Ajax(异步JavaScript和XML)响应是一种常见的交互方式,它允许前端与后端进行无刷新的数据交换,从而提升用户体验。本文将深入探讨如何在Laravel项目中实现Ajax响应,并提供相关实践指导。 一、...

    ajax 缓存 问题 requestheader

    在Java Servlet中,可以使用`response.setHeader()`来添加或覆盖HTTP响应头,例如设置`Cache-Control`或`Last-Modified`等,来控制浏览器如何缓存响应内容。不过在上述问题中,是通过JavaScript的AJAX请求直接设置了...

    JQ 使用 Ajax 获取PHP生成的JSOP数据

    通过这种方式,前端和后端可以有效地协作,提供无缝的用户体验,同时保持页面的动态性和交互性。在实际项目中,你可能还需要处理更复杂的情况,如分页、错误处理、异步数据加载等,但这个基本流程为你提供了一个良好...

    vue在响应头response中获取自定义headers操作

    在实际的Web开发中,与服务器通信是必不可少的一部分,通常我们使用Ajax请求(例如 Axios)来发送HTTP请求获取或提交数据。在涉及安全性的场景中,为了防止第三方伪造响应报文欺骗前端,后端会在响应头中添加自定义...

    Ajax跨域详解与代码

    在Java后端,可以通过以下方式设置CORS: ```java import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletException; import javax....

    ajax与jsp清除缓存

    1. **设置响应头**:通过设置`response.setHeader()`方法,可以控制HTTP响应头,从而控制浏览器的缓存行为。例如,设置`Pragma`、`Cache-Control`和`Expires`头字段可以告诉浏览器不缓存页面或立即过期。 ```java ...

    ajax系列教程 6

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术是一种用于创建...通过Ajax,开发者可以实现无刷新的交互,提高网页的响应速度和用户体验。理解并掌握Ajax技术,对于提升Web应用的性能和用户满意度至关重要。

    基于jquery的ajax对话框

    jQuery的$.ajax()方法是实现这一功能的主要工具,它可以发送异步HTTP请求到服务器,获取响应,并处理返回的数据。例如: ```javascript $.ajax({ url: 'server-side-script.php', // 服务器端脚本地址 type: 'GET...

    ajax实例的简单实现

    本实例将讲解如何简单实现一个AJAX调用,使得用户能够在不离开当前页面的情况下获取并显示所需信息。 首先,我们来看`index.php`,这是前端页面,它包含HTML结构以及JavaScript代码来发起AJAX请求。HTML部分可能...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    AJAX通过在后台与服务器进行数据交换并动态更新部分网页,使得网页无需重新加载即可呈现新数据。本文将深入探讨如何利用AJAX的GET和POST方法调用Servlet,从而实现数据的异步请求和响应。 #### 二、理解AJAX与...

    JAVA的AJAX跨域访问

    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Headers", "x-...

    php开发之ajax

    GET是一种HTTP方法,用于从服务器获取资源。在JavaScript中,我们可以创建一个新的XMLHttpRequest对象或使用fetch API发起GET请求。例如: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'server...

    jQuery的ajax在CI框架中的应用

    当服务器处理完请求后,它会返回一个响应,可以通过Ajax的`success`回调函数来处理。在这个例子中,我们假设服务器返回的是JSON格式的数据,我们可以解析这个数据并根据需要更新DOM元素: ```javascript success...

    怎样实现Ajax 跨域访问

    JSONP是一种常用的跨域数据获取方式,其原理是利用`<script>`标签没有跨域限制的特点来实现跨域请求。请求时,在URL中添加一个回调函数名作为参数,服务器收到请求后返回一个函数调用,其中包含所需的数据。 **案例...

    JQ 使用POST方式获取数据

    在jQuery中,使用POST方式获取数据的基本语法如下: ```javascript $.ajax({ type: 'POST', url: '服务器接口地址', data: {key1: value1, key2: value2}, // 要发送的数据 success: function(response) { // ...

    Ajax使用jQuery提交表单 文件

    在表单提交的场景下,我们通常使用`$.ajax()`的简写形式`$.post()`或`$.get()`,具体取决于是POST还是GET提交方式。当然,这里我们将主要讨论POST方法,因为表单提交通常涉及向服务器发送数据。 ```javascript // ...

    在Extjs中使用ajax传参到php中

    EXTJS提供了AJAX组件,使得我们可以方便地通过HTTP请求向服务器发送数据,包括向PHP传递参数。以下是对这个主题的详细解释: 1. **EXTJS AJAX组件**: EXTJS中的`Ext.Ajax`类提供了异步发送Ajax请求的能力,它封装...

    PHP与AJAX结合

    ### PHP与AJAX结合 ...无论是实时表单验证、动态数据加载还是搜索建议等功能,都能够通过这种方式轻松实现。同时,通过编写专门的PHP类来处理Ajax请求,可以进一步简化开发流程,提高代码的可维护性。

Global site tag (gtag.js) - Google Analytics