[英]Modify ajax response before any bound callbacks get executed
问题
我需要一种在触发所有绑定的回调之前修改应用程序中所有ajax响应的方法。
解
标准ajax事件,无论是全局的还是本地的,都无法在触发应用绑定回调之前提供一种修改响应的好方法。
触发ajax事件的顺序是jquery的ajax事件文档中指出的顺序,即
注意,从服务器返回响应之后,但在运行成功/ erorr回调之前,没有执行任何钩子,例如,在ajaxSend
之后但在success|error
之前运行的一种ajaxReturn
我的破解方法是使用$ .ajaxPrefilter在ajaxStart
之前执行, ajaxStart
已经绑定的成功/错误回调包装在另一个函数中,这将允许我修改options
对象,从而修改返回的数据。
以下是执行包装的实用程序功能和示例:
var alterResponse = function (opts) {
var callback = function (options, originalOptions, jqXHR) {
if (options.url.match(opts.urlMatch)) {
// Cache original callback.
var originalSuccess = originalOptions.success || options.success;
originalOptions.success = options.success = function () {
// Call wrapper that will modify the response object.
opts.successWrapper.call(null, options, originalOptions, jqXHR, originalSuccess);
};
}
};
if (opts.dataTypes) {
$.ajaxPrefilter(opts.dataTypes, callback)
}
else {
$.ajaxPrefilter(callback);
}
};
alterResponse({
urlMatch: /myurl/g, // Filter urls you what to tamper with.
successWrapper: function (options, originalOptions, jqXHR, originalFn) {
options.data.customVar = 'customValue';
originalFn(options, originalOptions, jqXHR);
}
});
我不得不提到我将其用于测试目的,因此我不关心性能,内存和开销。
如果要在服务器到达事件处理程序之前修改从服务器返回的数据,请使用dataFilter:
jquery.ajaxSetup({
dataFilter: function (data, type) {
//modify your data here
return data;
}
});
您可以使用任何全局ajax事件
$(document).ajaxSuccess(function() {
alert("An individual AJAX call has completed successfully");
});
//or...
$(document).ajaxComplete(function() {
alert("ALL current AJAX calls have completed");
});
//or..
$(function() {
$.ajaxSetup({
complete: function(xhr, textStatus) {
// will be raised whenever an AJAX request completes (success or failure)
},
success: function(result) {
// will be raised whenever an AJAX request succeeds
},
etc ... you could use any available option
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.