jQuery----ajax

常用方法：

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

url：请求服务器地址，data：请求时发送的数据，callback：数据请求成功后执行的回调函数

$(function(){
    $("#btn_show").bind('click',function(){
        $("ul").html("<img sc='images/Loading.gif'/>");
        //调用load方法，通过AJAX请求加载服务器中数据，并把结果放在指定元素中
        $("ul").load("http://www.imooc.com/data/fruit_part.html",function(){
            $("#btn_show").attr("disabled","true");
        })
    })
});

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

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

<script>
    $(function(){
        $("#btn_show").bind("click",function(){
            //异步加载JSON格式数据，并遍历数据
            $.getJSON("http://www.imooc.com/data/sport.json",function(data){
                $.each(data,function(index, sport){
                    if(index == 3)
                        $(ul").appedn("<li>"+sport["name"]+"</li>");
                })
            })
        })
    });
</script>