jquery $.ajaxSetup()

最新推荐文章于 2023-06-09 09:21:40 发布

孤长风

最新推荐文章于 2023-06-09 09:21:40 发布

阅读量230

点赞数

文章标签： $.ajaxSetup() $.ajaxStart() $.ajaxEnd()

本文链接：https://blog.csdn.net/highflys/article/details/84382093

版权

语法

$.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()事件然后再进行参数判断要简单的多。

孤长风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery $.ajaxSetup()

语法$.ajaxSetup(name:value, name:value, ...)设置全局 AJAX 默认选项。既然是全局默认选项，所以，该项中设置的参数会影响所有的$.ajax请求如$.get() $.post() $.ajax等需要注意的是，如果在请求时重新设置了已参数值，这时请求会用新设置的值，而不是用$.ajaxSetup中默认设置的值。另外需要提及的是$...
复制链接

扫一扫