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

為什么沒有效果

<!DOCTYPE?html?>

<html?xmlns="http://www.w3.org/1999/xhtml">

<head>
????<meta?charset="UTF-8">
????<title>使用load()方法異步請(qǐng)求數(shù)據(jù)</title>

????<script?src="http://libs.baidu.com/jquery/1.9.0/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></ul>

</div>



<script?type="text/javascript">

????$(function(){

????????$("#btnShow").bind("click",?function?()?{

????????????var?$this=$(this);

????????????$("ul")

????????????????.html("<img?src='Images/Loading.gif'?alt=''/>")

????????????????.load("http://idcbgp.cn/data/fruit_part.html",function(){

????????????????????$this.attr("disabled","true");

????????????????});

????????})

????});

</script>

</body>

</html>