问题描述

最近要对老项目进行维护，后端给原来所有接口返回的数据外都要再套上一层对象，前端以前所有使用ajax获得的数据都要从新的大对象中获取，由于要改的接口过多，所以用ajax的拦截器来解决这个问题

开发框架

jQuery v1.10.2 + miniUI

解决方法

从官网上可以查到，jQuery的ajax拦截器有多个，比较常见的ajax写法应该是这样的

$.ajax({url: searchUrl,async: true,type: "get",data:param,dataType: 'json',success: function (result) {page.logic.initChart(result);page.logic.initTable(result);}, error: function (result) {mini.alert(errorResult.collection.error.message);}, complete: function() {mini.unmask();}
})

从中可以看到jQuery的ajax是一个函数，函数的参数是接口url，接口类型，传参，回调方法等，这些在ajax生成XML对象前就已经定好了，如果要添加统一拦截的方法的话，也应该是在发送前添加，所以更改ajaxSetup中的beforeSend中的内容，就可以做到响应的拦截，代码如下

$.ajaxSetup({beforeSend: function(xhr, options) {var originalSuccess = options.successoptions.success = function(data, textStatus, jqXhr) {if ('result' in data) {data = data.result}originalSuccess.apply(this, arguments)}}
})

options.success对应的就是成功后success里的值，我这里原本的数据在新的对象里属性名叫result，所以用result做判断，把上面那一段代码原封不动放到js的顶部就可以了

jquery ajax success响应拦截相关推荐

jQuery.ajax success 与 complete 区别
作者QQ:1095737364 QQ群:123300273 欢迎加入! 天天用,不知所以然: $.ajax({ type: "post", u ...
ajax读取文本无响应,如何获得jQuery$.ajax错误响应文本？
这就是对我有用的东西function showErrorMessage(xhr, status, error) { if (xhr.responseText != "") { va ...
ajax 成功回调函数,jQuery的阿贾克斯成功回调函数定义jQuery的阿贾克斯成功回调函数定义(jQuery ajax...
我想使用jQuery的ajax从服务器获取数据. 我希望把成功的回调函数定义外面.ajax()块像下面这样. 所以,我需要声明变量dataFromServer像下面这样我就能从成功回调使用返回的数据? ...
ajax三种错误ie,ie下jquery ajax 80020101错误的解决方法
注意注释删除这些注释就可以了 Windows下一个MySQL有些错误的解决方法 1.无论是什么提示.我们有一个直接看错误日志.由于它描述了最具体描述错误日志. 于MySQL安装文件夹中找到 my.i ...
Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
jquery ajax xml attribute,获得jQuery ajax和asp.net webmethod xml响应工作
我有一个asp.net WebMethod,它返回一个XmlDocument对象.我可以使用jquery ajax成功调用该方法,但似乎无法使函数成功(服务器端webmethod使用正确的参数调用,但 ...
jQuery.ajax处理继续响应：“成功：”还是“ .done”？
本文翻译自:jQuery.ajax handling continue responses: "success:" vs ".done"? I have bee ...
不同服务器怎么响应ajax,如何从服务器获得响应而无需刷新和使用JQuery/AJAX？
是否有任何"正确"的方式来获得服务器的响应,而不使用JQuery/AJAX,当然没有刷新页面? server.js:如何从服务器获得响应而无需刷新和使用JQuery/AJAX? v ...
Jquery ajax json 不执行success的原因
溺水的鱼最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷.后面改为1.2 ...

jquery ajax success响应拦截

问题描述

开发框架

解决方法

jquery ajax success响应拦截相关推荐

最新文章

热门文章