使用遇到的中两个可能需要设置同步的情况
1. 循环执行ajax请求
2. 嵌套调用ajax请求
1. 循环执行ajax请求
2. 嵌套调用ajax请求
使用load()方法异步请求数据
使用load()
方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:
load(url,[data],[callback])
参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
使用load()方法异步请求数据
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
href="style.css" rel="stylesheet" type="text/css" />
我最爱吃的水果
<script type="text/javascript">
$(function () {
$("#btnShow").bind("click", function () {
var $this = $(this);
$("ul")
.html("")
.load("url",function() {
$this.attr("disabled", "true");
});
})
});
</script>
使用getJSON()方法异步加载JSON格式数据
使用getJSON()
方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为:
jQuery.getJSON(url,[data],[callback])
或$.getJSON(url,[data],[callback])
其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
使用getJSON()方法异步加载JSON格式数据
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
href="style.css" rel="stylesheet" type="text/css" />
我最喜欢的一项运动
<script type="text/javascript">
$(function () {
$("#btnShow").bind("click", function () {
var $this = $(this);
$.getJSON("url",function(data){
$this.attr("disabled", "true");
$.each(data, function (index, sport) {
// if(index==3)
$("ul").append("- " + sport["name"] + "
- ");
});
});
})
});
</script>