                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

兩個方法不能用

$("#divload").ajaxStart(function(){
? $(this).html("正在請求數(shù)據(jù)...");
})
$("#divload").ajaxStop(function(){
? ?$(this).html("數(shù)據(jù)請求完成！");
})

沒有效果

qq_彼堓啈冨_04421785

2017-05-12

源自：jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件 1-9

關(guān)注問題我要回答

908

操作

收起

4 回答

name_yc
2018-07-17

<!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="https://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?()?{
????????????????$("#divload").ajaxStart?(function?(){
????????????????????$("ul").append("<li>正在請求數(shù)據(jù)...</li>");
????????????????});
????????????????$("#divload").ajaxStop?(function?(){
????????????????????$("ul").append("<li>數(shù)據(jù)請求完成！</li>");
????????????????});
????????????????$("#btnShow").bind("click",?function?()?{
????????????????????var?$this?=?$(this);
????????????????????$.ajax({
????????????????????????url:?"http://idcbgp.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>