$.ajaxSetup

语法

$.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>
<scriptlanguage="javascript"src="jquery.js"></script>
<scripttype="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,beforeSend:function(){alert("get请求之前");},success:function(result){alert(result);}});
$.get();
});
})
</script>
</head>
<body>
<divid="d"name="id"style="width:200px;height:100px;">bbb</div>
<buttonid="ii">加载</button>
<buttonid="jj">加载2</button>
</body>
</html>

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

但大家再看下面的例子

<html>
<head>
<scriptlanguage="javascript"src="jquery.js"></script>
<scripttype="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>
<divid="d"name="id"style="width:200px;height:100px;">bbb</div>
<buttonid="ii">加载</button>
<buttonid="jj">加载2</button>
</body>
</html>

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

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

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...