AJAX基礎學習

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.