码迷,mamicode.com
首页 > Web开发 > 详细

jquery知识点2

时间:2015-01-20 13:40:59      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

 jQuery 实现Ajax应用

使用load()方法异步请求数据

load(url,[data],[callback])

<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://www.imooc.com/data/fruit_part.html",function() {
$this.attr("disabled", "true");
});
})
});
</script>
</body>

使用getJSON()方法异步加载JSON格式数据

getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中

jQuery.getJSON(url,[data],[callback])$.getJSON(url,[data],[callback])

url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数

 

jquery知识点2

标签:

原文地址:http://www.cnblogs.com/zz-pin/p/4235708.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!