午夜梦梦一级毛片,综合图片图片亚洲伊人,午夜毛片大全

使用ajaxStart()和ajaxStop()方法

ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用于在Ajax請求發出前觸發函數，ajaxStop()方法用于在Ajax請求完成后觸發函數。它們的調用格式為：

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

其中，兩個方法中括號都是綁定的函數，當發送Ajax請求前執行ajaxStart()方法綁定的函數，請求成功后，執行ajaxStop ()方法綁定的函數。

例如，在調用ajax()方法請求服務器數據前，使用動畫顯示正在加載中，當請求成功后，該動畫自動隱藏，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，由于使用ajaxStart()和ajaxStop()方法綁定了動畫元素，因此，在開始發送Ajax請求時，元素顯示，請求完成時，動畫元素自動隱藏。

注意：該方法在1.8.2下使用是正常的

任務

我來試試，親自使用ajaxStart()和ajaxStop()方法綁定元素。

在下列代碼的第24、27行，調用ajaxStart()和ajaxStop()方法綁定元素，當發送Ajax請求和結束請求時，在元素中顯示不同的文字內容。

?不會了怎么辦

在調用ajaxStart()和ajaxStop()方法之前，首先，需要通過選擇器獲取綁定方法的元素，然后，再通過元素調用這兩個方法。
“ajaxStart”、“ajaxStop”書寫是否正確，區分大小寫。

index.html
style.css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用ajaxStart()和ajaxStop()方法</title> <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divtest"> <div class="title"> <span class="fl">加載一段文字</span> <span class="fr"> <input id="btnShow" type="button" value="加載" /> </span> </div> <ul> <li id="divload"></li> </ul> </div> <script type="text/javascript"> $(function () { ?{ $(this).html("正在請求數據..."); }); ?{ $(this).html("數據請求完成！"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.xianlaiwan.cn/data/info_f.php", dataType: "json", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友對我說：" + data.say + "</li>"); } }); }) }); </script> </body> </html>

#divtest { width: 282px; } #divtest .title { padding: 8px; background-color:Blue; color: #fff; height: 23px; line-height: 23px; font-size: 15px; font-weight: bold; } ul { float: left; width: 280px; padding: 5px 0px; margin: 0px; font-size: 14px; list-style-type: none; } ul li { float: left; width: 280px; height: 23px; line-height: 23px; padding: 3px 8px; } .fl { float: left; } .fr { float: right; }

提問題

提交

其他問答

查看更多本節問答

寫筆記

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

1-9 使用ajaxStart()和ajaxStop()方法

使用ajaxStart()和ajaxStop()方法

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

1-9 使用ajaxStart()和ajaxStop()方法

熱搜

最近搜索清空

使用ajaxStart()和ajaxStop()方法

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦