<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用load()方法异步请求数据</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='Loading.gif' alt='' />")
.load("fruit_part.html", function(){
$this.attr("disabled","true");
});
});
});
</script>
</body>
</html>同一文件夹下面有Loading.gif和fruit_part.html了
相关分类