1. 程式人生 > >AJAX基礎學習

AJAX基礎學習

isa 獲取 獲取數據 指定 異步 .get nbsp http ble

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.

AJAX基礎學習