深入理解ajax系列第九篇：jQuery中的ajax(4)_H5之家

jQuery简化ajax操作不仅体现在调用ajax方法和处理响应方面，而且还体现在对调用ajax方法的过程中的HTTP请求的控制。通过jQuery提供的一些自定义全局函数，能够为各种与ajax相关的事件注册回调函数。例如，当ajax请求开始时，会触发ajaxStart()方法的回调函数；当ajax请求结束时，会触发ajaxStop()的回调函数。这些方法都是全局的方法，因此无论创建它们的代码位于何处，只要有ajax请求发生，就会触发它们

【ajaxSetup()】

ajaxSetup()方法为以后要用到的Ajax请求设置默认的值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为：

$.ajaxSetup([options])

例如，设置 AJAX 请求默认地址为 "/xmlhttp/"，用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数

$.ajaxSetup({ url: "/xmlhttp/", type: "POST" }); $.ajax({ data: myData });

如果想让某个ajax请求不受ajaxSetup()方法的影响，可以在使用ajax()方法时，将参数中的global设置为false

$.ajaxSetup({ url: "/xmlhttp/", type: "POST" }); $.ajax({ global:false, url:"test", type:'GET' })

【ajaxStart()和ajaxStop()】

ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数，ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为

$(selector).ajaxStart(function()) $(selector).ajaxStop(function())

[注意]从 jQuery 1.8 开始, ajaxStart()和ajaxStop()方法只能绑定到 document元素

例如，读取远程网站的图片速度可能会比较慢，如果在加载的过程中，不给用户提供一些提示和反馈信息，很容易让用户误认为按钮单击无用，使用户对网站失去信心。这时，ajaxStart()和ajaxStop()方法就派上用场了

=======> $(document).ajaxStart(function(){ $('#test').show() }).ajaxStop(function(){ $('#test').hide(); }); $('#send').click(function(){ $.ajax({ url:'jqRequest.php', type:'POST', data:{ num:$('#num').val() }, success:function(data){ $('#result').html('您选择的数字' + $('#num').val() + '是' + data); } }) }) $num = $_REQUEST['num']; if($num % 2 == 0){ echo '偶数'; }else{ echo '奇数'; } ?>

分享给小伙伴们：

本文标签： Ajax，jQuery/">Ajax，jQuery

发表评论愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。

本类最热新闻