前言:
有一个需求是把页面中的ajax请求的数据进行修改,将发送给后台的字符串每个字符中间加一个“%”实现模糊查询,但是ajax函数是别人封装好的,所以我不便于改动,于是经过万能的百度和谷歌搜索,找到了一个解决办法。就是下面一段代码解决了我的问题,可能写的不好但是还是有参考价值的。
$.ajaxSetup({
beforeSend:function(xhr) {
var params = arguments[1].data; //urlcode编码格式的数据
//将urlcode编码转化为json
var paramsJson = {};
params.replace(/([^?&]+)=([^?&]+)/g, function(s, v, k) {
paramsJson[v] = decodeURIComponent(k);
return k + '=' + v;
});
if("bpName" in paramsJson){
paramsJson.bpName = paramsJson.bpName.trim().split('').join('%');
var paramsString = "";
//将json格式转化为urlcode编码格式的数据
for(var key in paramsJson){
paramsString = paramsString + key + "="+ encodeURIComponent(paramsJson[key])+"&";
}
paramsString.substr(0,paramsString.length-1);
//修改参数
arguments[1].data = paramsString;
}
}
});
一、用jQuery.ajaxSetup实现对请求和相应数据的过滤
jQuery有一个 ajaxSetup 方法,该方法可以设置全局 ajax 初始化参数,也就是说在声明了该方法之后的所有 ajax 请求都会默认使用该方法设置的初始值。
AjaxSetup函数详解:http://www.runoob.com/jquery/ajax-ajaxsetup.html
该参数为带有一个或多个名称/值对的 AJAX 请求规定设置。
二、如上图中的名值关系所示,有一个beforeSend,这个函数也就是在发送 ajax 请求之前的回调函数,用于在向服务器发送请求前执行一些动作。
所以我在回调函数中,通过修改arguments对象里面的参数,从而修改发送到后台的数据;
三、通过修改argument对象里面的参数,可以修改发送到后台的数据
将arguments打印出来可以发现arguments是一个长度为2的数组,通过arguments[1].data 可以获取到请求头中的数据;但是他其实是一个伪数组,他并没有JavaScript数组对象的方法。