AJAX基础学习

Posted 2020-09-24 流年之初，盛夏之末

1.load( )方法

   使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：

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

  参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。

  缺点：获取的内容必须先插入页面，才能进行处理。执行效率不高。

2.getJSON

  通过全局函数获取数据，遍历数据显示。

 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为：

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

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

     $("#btnShow").bind("click", function () {
                var $this = $(this);
                $.getJSON("http://www.imooc.com/data/sport.json",function(data){
                        $this.attr("disabled", "true");
                        $.each(data, function (index,sport) {
                        //index,json数据下标。sport下标的值。
                            if(index==2)
                            $("ul").append("<li>" + sport["name"] + "</li>");
                        });
           })
     })

3.