$.ajaxSetup详解

最新推荐文章于 2021-08-07 04:27:55 发布

jiangfeng_1204

最新推荐文章于 2021-08-07 04:27:55 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/jiangfeng_1204/article/details/42776557

版权

利用ajax查询数据，在谷歌浏览器下可以获取到最新数据，而在IE中获得是旧数据，无法获得最新的数据，经查资料，才发现时IE缓存再作怪。
发现此ajax请求用的get方式，每次请求的URL一模一样，IE浏览器有个特殊的地方，如果每次请求的URL一样时，就会拿出缓存中已有的数据显示在页面上，并不会再次去查询数据库，所以每次显示的都是旧数据。

js文件

$.ajaxSetup({ cache: false }) //不设置ajax缓存

语法

$.ajaxSetup(name:value, name:value, ...)

设置全局 AJAX 默认选项。

既然是全局默认选项，所以，该项中设置的参数会影响所有的$.ajax请求如$.get() $.post() $.ajax等

需要注意的是，如果在请求时重新设置了已参数，这时请求会用新设置的，而不是用$.ajaxSetup中默认设置的。

另外需要提及的是$.ajaxSetup()中与$.ajax()一样，有个beforeSend:function(){}参数，是默认设置在ajax请求前执行的一个函数，该函数与$.ajaxStart()和$.ajaxSend()最大的不同在于beforeSend:function()函数是可重置的，也就是说可以直接针对不同的请求设置不同的beforeSend函数，这就方便了对于不同的请求要求预先显示不同的信息的方法。而不用$.ajaxSend的函数中进行参数判断了。所以，如果想给同一个页面上不同的ajax请求(包括load、get、post)设置不同的loading信息，无疑，给每一个请求设置beforeSend函数是很好的选择，而如果用全局事件$.ajaxSend的话，就需要在内部进行参数验证，靠检测不同的参数来执行不同的效果，这远不如beforeSend函数方便。

需要着重强调的是，如果试图重新设置$.ajaxStart或$.ajaxSend事件，是不可能的，再次设置只会增加全局事件的执行次数(新设置的全局事件会加到已经设置的事件的后面)而beforeSend函数则不同，可以重新设置。

大家看下面的例子:

<html>
<head>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$("#ii").click(function(){$.ajaxSetup({cache:false,url:"jx.html",beforeSend:function(){alert("post请求之前");},success:function(result){alert(result);}});
$.post("jx.asp");
});
$("#jj").click(function(){$.ajaxSetup({cache:false,url:"jx.html",beforeSend:function(){alert("get请求之前");},success:function(result){alert(result);}});
$.get();
});
})
</script>
</head>
<body>
<div id="d" name="id" style="width:200px; height:100px;">bbb</div>
<button id="ii">加载</button>
<button id="jj">加载2</button>
</body>
</html>

上面的例子在不同的click事件中都设置了beforeSend函数，这两个函数是互不影响的，对不同的单击事件各自儿独立执行。

但大家再看下面的例子

<html>
<head>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$("#ii").click(function(){
$("#ii").ajaxSend(function(){alert("post请求");});
$.post("jx.asp",function(a){alert(a);});
});
$("#jj").click(function(){
$("#jj").ajaxSend(function(){alert("get请求");});
$.get("jx.html",function(a){alert(a);});
});
});
</script>
</head>
<body>
<div id="d" name="id" style="width:200px; height:100px;">bbb</div>
<button id="ii">加载</button>
<button id="jj">加载2</button>
</body>
</html>

虽然上面也是在两个click事件中分别设置了$("#id").ajaxSend()事件，但只要两个click事件都执行一次之后，两个ajaxSend事件就会追加到一起，而且会随着执行次数的增加而重复。这充分显示了ajaxSend()事件的全局性类的ajaxStart()也有类的效果。

所以，如果要执行区别化的请求前事件，最好用$.ajaxSetup()设置一下每一个的beforeSend()事件。在写法上，并没有太麻烦的，反而比用ajaxSend()事件然后再进行参数判断要简单的多。

jiangfeng_1204

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
$.ajaxSetup详解

利用ajax查询数据，在谷歌浏览器下可以获取到最新数据，而在IE中获得是旧数据，无法获得最新的数据，经查资料，才发现时IE缓存再作怪。发现此ajax请求用的get方式，每次请求的URL一模一样，IE浏览器有个特殊的地方，如果每次请求的URL一样时，就会拿出缓存中已有的数据显示在页面上，并不会再次去查询数据库，所以每次显示的都是旧数据。js文件$.ajaxSetup({ cac
复制链接

扫一扫