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

為啥出不來呢

<!-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?()?{
????????????????$('#divload').ajaxStart({
????????????????????$(this).html("正在請求數(shù)據(jù)...");
????????????????});
????????????????$('#divload').ajaxStop({
????????????????????$(this).html("數(shù)據(jù)請求完成！");
????????????????});
????????????????
????????????????$("#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>