样例代码：

　　

<html>

  <head>

    <title>hangge.com</title>

    <meta charset="utf-8"/>

    <script type="text/javascript" src="./jquery-1.11.1.min.js"></script>

    <script>

      //全局的ajax访问，处理ajax清求时session超时

      $.ajaxSetup({

         contentType:"application/x-www-form-urlencoded;charset=utf-8",

         complete:function(XMLHttpRequest,textStatus){

             //通过XMLHttpRequest取得响应头，sessionstatus，

             var sessionstatus=XMLHttpRequest.getResponseHeader("sessionstatus");

             if(sessionstatus=="timeout"){

                 //如果超时就处理 ，指定要跳转的页面(比如登陆页)

                 window.location.replace("/login/index.php");

             }

          }

       });



      //获取数据

      function getContent() {

        $.get("content.php", function (data){

                alert(data);

        });

      }

      //登录或注销

      function login(value) {

        $.get("login.php",{"login":value} , function (data){

                alert(data);

        });

      }

    </script>

  </head>

  <body>

    <button onclick="getContent()">获取数据</button>

    <button onclick="login(true)">登录</button>

    <button onclick="login(false)">注销</button>

  </body>

</html>

　

一、统一处理返回结果

我们可以将超时或是其他异常情况放置在返回结果中，前台统一解析结果来进行各种异常处理。

1，后台返回数据样例

比如后台返回如下格式的 JSON 数据，包括正常情况和异常情况。

//正常数据返回

{"state":1, "msg":"", "data":"欢迎访问hangge.com"}

//session超时数据返回

{"state":-1, "msg":"session超时，请重新登录！"}

//异常情况数据返回

{"state":0, "msg":"服务器繁忙，请稍后再试。"}

　　

2，前台处理样例

　

//全局的ajax访问，处理ajax清求时异常

$.ajaxSetup({

   contentType:"application/x-www-form-urlencoded;charset=utf-8",

   complete:function(XMLHttpRequest,textStatus){

      //通过XMLHttpRequest取得响应结果

      var res = XMLHttpRequest.responseText;

      try{

        var jsonData = JSON.parse(res);

        if(jsonData.state == -1){

          //如果超时就处理 ，指定要跳转的页面(比如登陆页)

          alert(jsonData.msg);

          window.location.replace("/login/index.php");

        }else if(jsonData.state == 0){

          //其他的异常情况,给个提示。

          alert(jsonData.msg);

        }else{

          //正常情况就不统一处理了

        }

      }catch(e){

      }

    }

 });

//获取数据

function getContent() {

  $.get("content.php", function (data){

      var jsonData = JSON.parse(data);

      //只处理正常的情况

      if(jsonData.state == 1){

        alert(jsonData.data);

      }

   });

}

　　

三、统一处理异常的HTTP状态码

我们还可以通过 Ajax 拦截，根据异常的 HTTP 状态码（404、500等）统一处理各种请求错误、服务器错误等情况。

$.ajaxSetup({

   contentType:"application/x-www-form-urlencoded;charset=utf-8",
   complete:function(XMLHttpRequest,textStatus){
   },
   statusCode: {
     404: function() {
         alert('数据获取/输入失败，没有此服务。404');
     },
     504: function() {
         alert('数据获取/输入失败，服务器没有响应。504');
     },
     500: function() {
         alert('服务器有误。500');
     }
   }
});

jQuery - 拦截所有Ajax请求（统一处理超时、返回结果、错误状态码 ）的更多相关文章

  1. js拦截全局ajax请求

    你是否有过下面的需求:需要给所有ajax请求添加统一签名.需要统计某个接口被请求的次数.需要限制http请求的方法必须为get或post.需要分析别人网络协议等等,那么如何做?想想,如果能够拦截所有a ...

  2. js 拦截全局 ajax 请求

    你是否有过下面的需求:需要给所有ajax请求添加统一签名.需要统计某个接口被请求的次数.需要限制http请求的方法必须为get或post.需要分析别人网络协议等等,那么如何做?想想,如果能够拦截所有a ...

  3. Java过滤器处理Ajax请求，Java拦截器处理Ajax请求，拦截器Ajax请求

    Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 >>>>>>>>>>>>>>&g ...

  4. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  5. phpStudy4——前端页面使用Ajax请求并解析php返回的json数据

    项目需求: 在html页面显示所有用户列表信息. 需求分析: 1. html页面使用ajax向后端php请求用户数据 2. php脚本查询数据库,并将查询后的结果以json格式返回前端html页面 3 ...

  6. Jquery progressbar通过Ajax请求获取后台进度演示

    项目源代码下载:http://download.csdn.net/detail/nuptboyzhb/6262253 1.简介 本文主要演示Jquery progressbar的进度条功能.js通过a ...

  7. spring security：ajax请求的session超时处理

    当前端在用ajax请求时,如果没有设置session超时时间并且做跳转到登录界面的处理,那么只是靠后台是很难完成超时的一系列动作的:但是如果后台 没有封装一个ajax请求公共类,那么在ajax请求上下 ...

  8. jQuery选择器，Ajax请求

    jQuery选择器: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $( ...

  9. jquery中的ajax请求用法以及参数详情

    url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

随机推荐

  1. 选择排序 C&&C++

    选择排序 选择排序即在每一步中选取最小值重新排列,从而达到排序的目的   流程: (1)先从原始数组选择一个最小数据和第一个位置交换 (2)剩下的n-1个数据选择最小的和第二个位置交换 (3)不断重复 ...

  2. Android中实现异步轮询上传文件

    前言 前段时间要求项目中需要实现一个刷卡考勤的功能,因为涉及到上传图片文件,为加快考勤的速度,封装了一个异步轮询上传文件的帮助类 效果  先上效果图 设计思路 数据库使用的框架是GreenDao,一个 ...

  3. 页面导入样式时，使用link和@import有什么区别

    link和@import两种导入样式表的方法比较 link属于HTML标签,而@import是CSS提供的 页面被加载的时候,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载 ...

  4. go1.13 mod 实践和常见问题

    实践建议 0,go mod 要求所有依赖的 import path 的path 以域名开头,如果现有项目转1.13的go mod 模式,且不是以域名开头则需要修改. eg: code.be.mingb ...

  5. 《Java练习题》进阶练习题（二）

    编程合集: https://www.cnblogs.com/jssj/p/12002760.html 前言:不仅仅要实现,更要提升性能,精益求精,用尽量少的时间复杂度和空间复杂度解决问题. [程序58 ...

  6. 分享一篇关于C#大文件上传的整个过程

    简单写个小例子,记录一下此次大文件上传遇到的所有问题. 一.客户端(使用winform窗体实现) 具体功能: 点击“选择”按钮,选择要上传的文件 点击“上传文件”按钮,上传该文件调用UpLoad_Re ...

  7. C#线程学习笔记九：async & await入门二

    一.异步方法返回类型 只能返回3种类型(void.Task和Task<T>). 1.1.void返回类型:调用方法执行异步方法,但又不需要做进一步的交互. class Program { ...

  8. HtEditor使用总结

    最近在公司学习到ht编辑器的使用,关于使用方法上总结了一下,避免入坑.ht是做大屏数据可视化比较好的一款软件,不过多介绍,官网上有具体使用方法和展示样例,这里我整理一下我用的最多的功能. ##1.如何 ...

  9. 如何在阿里云服务器上搭建wordpress个人网站

    1.购买云服务器.域名.域名解析.配置linux系统上的web环境.FTP等参照下面的链接. https://www.cnblogs.com/smyhvae/p/4965163.html?tdsour ...

  10. JMeter多脚本间的启动延时

    JMeter做压测时,当需要多个jmx脚本依次执行时,需要用到“启动延时”,即间隔可设置的时间后启动运行下一个jmx脚本. 实现“启动延时”的方法有2个. 方法一.利用JMeter线程组中的" ...